Changing The Menu Spacing

  • Hi there,

    I have changed the top menu/navigation to be at the very top of my blog, however, I’m not sure how to adjust the spacing, both the menu and the social icons are too close to the edges, I would like to move them both towards the center of the page a little bit. Also when my blog is in tablet/phone mode, the top menu also has a ‘menu’ dropdown box that appears (which is what would show normally, before I edited my blog to have the menu above my blog logo, instead of below it). How do I remove that weird drop down box and how can I adjust the spacing on the outside edges of my blog? And to change the menu font, which header would that be to edit in the customized typography edit? Thank you so much!

Viewing 6 replies - 1 through 6 (of 6 total)

  • Hi there,
    can you send me a URL so I can check it out?
    You can check here https://www.ads-software.com/support/topic/change-menu-fonts-2/ on changing the menu font (and fonts in General).

    Thread Starter themeganmcleod

    (@themeganmcleod)

    Yes, sorry! https://www.adashofmum.com

    Hi there,
    you can try this

    .site-bar{
    padding:10px 40px;
}
.mobile-nav-trigger{
    display:none;
}

    in your custom CSS box under Appearance ? Customize ??Additional CSS.

    • This reply was modified 6 years, 10 months ago by Fotis.
    Thread Starter themeganmcleod

    (@themeganmcleod)

    Wonderful, worked like a charm thank you

    Thread Starter themeganmcleod

    (@themeganmcleod)

    I have one additional issue, now that I have changed the menu to be above my logo, the drop down menus aren’t working. When I hover my mouse on them, the categories drop down but as soon as I move my mouse to click on one, they disappear. Also when my blog is shown in tablet mode or smaller, the top menu shows up properly, as well as a menu icon in the left top corner, so I have both showing. Can you tell me how to just reverse this? I feel like I’m breaking my blog haha. I can’t find the original post to see how I did this, so are you able to help me put the menu back to normal instead? Please and thank you, I really really appreciate it!

    https://www.adashofmum.com

    Hi there,
    add this 

    
.navigation > li > a {
    padding: 10px 0;
}
nav+.site-tools .socials {
    top: 10px;
    position: relative;
}

    in your custom CSS box to fix your drop down menus.

    In my previous suggestion I removed the mobile menu since it was not working (due to code changes). If you need to in general to fallback to the native theme header, you should replace all contents of your header.php file with the original theme one.
    Let me know if this works

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Changing The Menu Spacing’ is closed to new replies.