• Plans & Pricing
  • Log in
  • Get started
  • WordPress Hosting
  • WordPress for Agencies
  • Become an Affiliate
  • Domain Names
  • AI Website Builder
  • Website Builder
  • Create a Blog
  • Newsletter
  • Professional Email
  • Website Design Services
  • Commerce
  • WordPress Studio
  • Enterprise WordPress 
  • Overview
  • WordPress Themes
  • WordPress Plugins
  • WordPress Patterns
  • Google Apps
  • Support Center
  • WordPress News
  • Business Name Generator
  • Logo Maker
  • Discover New Posts
  • Popular Tags
  • Blog Search
Get started
  • Sign up
  • Log in
About
  • Plans & Pricing
Products
  • WordPress Hosting
  • WordPress for Agencies
  • Become an Affiliate
  • Domain Names
  • AI Website Builder
  • Website Builder
  • Create a Blog
  • Newsletter
  • Professional Email
  • Website Design Services
  • Commerce
  • WordPress Studio
  • Enterprise WordPress  
Features
  • Overview
  • WordPress Themes
  • WordPress Plugins
  • WordPress Patterns
  • Google Apps
Resources
  • Support Center
  • WordPress News
  • Business Name Generator
  • Logo Maker
  • Discover New Posts
  • Popular Tags
  • Blog Search
Jetpack App
  • Learn more
  • Support Center
  • Guides
  • Courses
  • Forums
  • Contact
Search
  • Support Center
  • Guides
  • Courses
  • Forums
  • Contact
Forums / Aligning logo with navigation bar

Aligning logo with navigation bar

  • Unknown's avatar
    feedingamericaproduce · Member · Apr 7, 2017 at 8:59 pm
    • Copy link Copy link
    • Add topic to favorites Add topic to favorites

    Hi, I would like to align my logo in line with, on the left side of my navigation bar, rather than have the logo above the bar. I need help with the CSS code in order to make this alignment change. Thanks!

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

  • Unknown's avatar
    otpidusprime · Member · Apr 8, 2017 at 10:28 am
    • Copy link Copy link

    Hi @feedingamericaproduce,
    Looks like your blog http://feedingamericaproduce.wordpress.com/ is in private mode, so we forum members are not able to view your site and help you with the CSS code.

    Therefore, I am tagging this question with the modlook tag, so that it gets the staff attention. If you wish to reach the moderator staff directly for your future questions, just add the modlook tag in the Tags section.

    Read about the modlook tag here: https://en.support.wordpress.com/getting-help-in-the-forums/#how-do-i-get-a-moderatorstaff-reply-for-my-question

    Thanks.

  • Unknown's avatar
    justjennifer · Member · Apr 8, 2017 at 6:34 pm
    • Copy link Copy link

    @otpidusprime – Since this question has been posted in the CSS Customization forum, there is no real need to additionally tag it for Staff since a Happiness Engineer reviews threads in this forum regularly.

  • Unknown's avatar
    otpidusprime · Member · Apr 9, 2017 at 8:45 am
    • Copy link Copy link

    @justjennifer, will keep that in mind from now on.
    Thanks :)

  • Unknown's avatar
    thesacredpath · Member · Apr 12, 2017 at 4:58 am
    • Copy link Copy link

    Hi @feedingamericaproduce, I see your logo on the left down to about 1240px in window width, where the menu becomes too wide and the logo moves above the menu. To keep the menu beside the nav longer, we could eliminate the search as the right end of the navigation which would get us down to about 1060px in width. There are a couple other minor things we could do to get further, but it looks like at 1030px, there simply isn’t enough room for the logo and navigation to be on the same line.

    Let me know your thoughts.

  • The topic ‘Aligning logo with navigation bar’ is closed to new replies.

Tags

  • align
  • alignment
  • logo
  • navigation bar

About this topic

  • In: CSS Customization
  • 4 participants
  • 4 replies
  • Last activity 9 years
  • Latest reply from feedingamericaproduce

Couldn't find what you needed?

Contact us

Contact us

Get answers from our AI assistant, with access to 24/7 expert human support on paid plans.

Browse our guides

Browse our guides

Find step-by-step solutions to common questions in our comprehensive guides.

WordPress.com

Products
  • WordPress Hosting
  • WordPress for Agencies
  • Become an Affiliate
  • Domain Names
  • AI Website Builder
  • Website Builder
  • Create a Blog
  • Professional Email
  • Website Design Services
  • WordPress Studio
  • Enterprise WordPress
Features
  • Overview
  • WordPress Themes
  • WordPress Plugins
  • WordPress Patterns
  • Google Apps
Resources
  • WordPress.com Blog
  • Business Name Generator
  • Logo Maker
  • WordPress.com Reader
  • Accessibility
  • Remove Subscriptions
Help
  • Support Center
  • Guides
  • Courses
  • Forums
  • Contact
  • Developer Resources
Company
  • About
  • Press
  • Terms of Service
  • Privacy Policy
  • Do Not Sell or Share My Personal Information
  • Privacy Notice for California Users
DeutschEspañolFrançaisBahasa IndonesiaItalianoNederlandsPortuguês do BrasilSvenskaTürkçeРусскийالعربيةעִבְרִית日本語한국어简体中文繁體中文English

Mobile Apps

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

Social Media

  • WordPress.com on Facebook
  • WordPress.com on X (Twitter)
  • WordPress.com on Instagram
  • WordPress.com on YouTube

Automattic

Automattic
Work With Us
    • WordPress.com Forums
    • Sign up
    • Log in
    • Copy shortlink
    • Report this content
    • Manage subscriptions