Menu bar

• 

  silvanafabbrini · Member · Apr 3, 2017 at 5:34 pm

  • Copy link
  • Add topic to favorites

  Hi, I would like to move my menu bar towards the top of the header please, alined with the logo.
  My theme is TheFour but I don’t have the CSS codes.

  Thank you

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

• 

  dragoso · Member · Apr 3, 2017 at 5:37 pm

  • Copy link

  Hi there,

  I’ll be happy to take a look over and try to help you but as I see the blog is marked as private – if you can make it public, please let me know.

• 

  dragoso · Member · Apr 3, 2017 at 5:37 pm

  • Copy link

  Hi there,

  I’ll be happy to take a look over and try to help you but as I see the blog is marked as private – if you can make it public, please let me know.

• 

  silvanafabbrini · Member · Apr 3, 2017 at 5:42 pm

  • Copy link

  ok, I have changed it to public now. Thank you

• 

  dragoso · Member · Apr 3, 2017 at 6:04 pm

  • Copy link

  Alright, please check this screenshot and let me know if this is what you’re looking to achieve with the menu bar: http://zcreenshot.com/uqg73.png

  Looking forward to hearing from you!

• 

  silvanafabbrini · Member · Apr 3, 2017 at 6:07 pm

  • Copy link

  I would like to keep the bar on the right please but more alined with the logo, basically it only needs to go up a little. Thank you

• 

  silvanafabbrini · Member · Apr 3, 2017 at 6:25 pm

  • Copy link

  Please could you also make the font of the menu bar the same size of the line I wrote in the middle?

• 

  dragoso · Member · Apr 3, 2017 at 6:40 pm

  • Copy link

  I understand, is this what you’re looking for: http://zcreenshot.com/hzuvn.png ? :)

• 

  silvanafabbrini · Member · Apr 3, 2017 at 6:41 pm

  • Copy link

  Yes it is, well done! Thank you

  How can I activate it please?

• 

  dragoso · Member · Apr 3, 2017 at 6:53 pm

  • Copy link

  For this, you must have the Custom CSS feature enabled on your plan. Custom CSS is part of Custom Design, which is a feature of the WordPress.com Premium and WordPress.com Business plans. You can add custom CSS to your WordPress.com blog using the CSS Editor in My Sites → Customize → CSS in your blog dashboard.

  If you have the Custom Design feature, go to the CSS editor and add the following code:

  .site-navigation { margin-top: -60px; font-size: 23px; }

  Give it a try and let me know how it goes :)

• 

  silvanafabbrini · Member · Apr 3, 2017 at 6:58 pm

  • Copy link

  Brilliant, it worked! Thank you so much for your help.

• 

  dragoso · Member · Apr 3, 2017 at 7:07 pm

  • Copy link

  You’re most welcome! Glad I could help!