• WordPress.com
  • Forums
  • Plans & Pricing
  • Log In
  • Get Started
  • WordPress Hosting
  • Domain Names
  • Website Builder
  • Create a Blog
  • Professional Email
  • Enterprise
  • Overview
  • WordPress Themes
  • WordPress Plugins
  • Google Apps
  • WordPress.com Support
  • News
  • Website Building Tips
  • Business Name Generator
  • Logo Maker
  • Daily Webinars
  • Learn WordPress
Get Started
  • Sign Up
  • Log In
About
  • Plans & Pricing
Products
  • WordPress Hosting
  • Domain Names
  • Website Builder
  • Create a Blog
  • Professional Email
  • Enterprise
Features
  • Overview
  • WordPress Themes
  • WordPress Plugins
  • Google Apps
Resources
  • WordPress.com Support
  • News
  • Website Building Tips
  • Business Name Generator
  • Logo Maker
  • Daily Webinars
  • Learn WordPress

Need help? Check out our Support site, then

Premium Theme Support › Themes by bavotasan.com › Arcade

Reposition site logo in header image

  • Author
    Posts
  • April 28, 2018 at 7:52 pm #129589
    bnjewell
    Member

    I’d like to move my site logo in the header image so that it’s not sitting square in the center. Probably want to move it to the left side of the photo. Is there some CSS code I can use for that?

    Thanks!

    The blog I need help with is: (visible only to logged in users)

    April 30, 2018 at 2:17 pm #129628
    bandicootmarketing
    Theme Author

    Hi Brian! Thanks so much for using Arcade – and sorry for the delayed reply!

    To move the site logo to the left, add the below to your custom CSS (update the number “100” up or down to move it left or right):

    .only-on-home.no-fittext #site-logo {

    margin-left: 100px;
    }

    Try that and let me know if it works!

    April 30, 2018 at 4:38 pm #129657
    bnjewell
    Member
    Original poster

    Perfect — thanks!

    April 30, 2018 at 5:32 pm #129658
    bnjewell
    Member
    Original poster

    Ok, I’m back. That solution works well for desktop view, but it causes problems on mobile. It looks like it stops the header image from resizing on a phone. Any ideas?

    Thanks,
    Brian

  • The topic ‘Reposition site logo in header image’ is closed to new replies.

About This Topic

  • Started 5 years by bnjewell
  • In: Arcade
  • This topic has 3 replies
  • 2 participants
  • Latest reply from bnjewell
  • Last activity: 5 years

Tags

  • No topic tags found.
  • CSS
  • header image
  • Site Logo

WordPress.com

WordPress.com WordPress.com Logo

Products

  • WordPress Hosting
  • Domain Names
  • Website Builder
  • Create a Blog
  • Professional Email
  • P2: WordPress for Teams
  • Enterprise Solutions
  • Built By WordPress.com

Features

  • Overview
  • WordPress Themes
  • WordPress Plugins
  • Google Apps

Resources

  • WordPress.com Support
  • WordPress Forums
  • WordPress News
  • Website Building Tips
  • Business Name Generator
  • Logo Maker
  • Daily Webinars
  • Learn WordPress
  • Developer Resources

Company

  • About
  • Partners
  • Press
  • Terms of Service
  • Privacy Policy
  • Do Not Sell or Share My Personal Information
  • Privacy Notice for California Users

Language

Mobile Apps

  • Download on the App Store
  • Get it on Google Play

Social Media

  • WordPress.com on Twitter Twitter Icon
  • WordPress.com on Facebook Facebook Icon
  • WordPress.com on Instagram Instagram Icon
  • WordPress.com on YouTube Youtube Icon
An Automattic opus
Work With Us
    • Premium Theme Support
    • Customize
    • Sign up
    • Log in
    • Copy shortlink
    • Report this content
    • Manage subscriptions