[Resolved] Menu next to logo

Home Forums Support [Resolved] Menu next to logo

Home Forums Support Menu next to logo

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
  • #241380

    Hello !
    We use the generate press theme and the addons, which are great !

    There’s just one thing I can’t find,
    I’d want the menu to be next to the logo.
    I’ve tried several answers that I’ve found on this forum, but still no luck.
    ( for example , https://generatepress.com/forums/topic/logo-and-menu-float-left-problem/, this made my menu appear twice )

    We already have topbar with left and right floating which works perfectly.
    We just need the menu to move to the left, next to the logo .

    Could you please help me figure this one out ? πŸ™‚

    Lead Developer
    Lead Developer

    Hi there,

    Give this CSS a try:

    .nav-float-right .inside-header .main-navigation {
        float: none;
        display: inline-block;
        vertical-align: middle;

    Let me know πŸ™‚


    That works perfect ! Thank you !!! πŸ™‚
    I just have one little question,
    When we open our site on the ipad, it shows a mobile menu when the screen is lying verticaly (? If you understand this πŸ™‚ ) which is perfect,
    but when you view the website when the ipad is lying horizontal, it shows the normal menu.
    However, the menu is placed under the logo, because it doens’t fit the screen.
    Is there a way to change the padding between the menu items, resize the logo or to show the sticky menu instead on horizontal mobile view ?


    … menu looks just fine for me on landscape view on ipad. ??

    Lead Developer
    Lead Developer

    Landscape on tablets use the desktop breakpoint, so what you could do is add a media query to reduce the font size of your menu items at your needed breakpoint.

    For example:

    @media (max-width: 1000px) {
        .main-navigation .main-nav li a {
            font-size: 14px;

    Thank you so much !

    Lead Developer
    Lead Developer

    You’re welcome πŸ™‚


    I use both main and secondary menu under the logo and the secondary menu is the one I have left alligned. How do I refer to the secondary menu in the code?

    Lead Developer
    Lead Developer

    Any chance you can start a new topic with what you’re wanting to do?

    Thanks! πŸ™‚


    Already did – sorry πŸ˜‰


    I also wanted the Logo left and Navigation right.

    But your code from top of this topic doesn’t work for me (it stays above the navigation).
    Actually “nav” is outside of “header” where logo is?!:




    This doens’t work with that css, does it?!
    I have the menu as “primary menu”
    My version is 1.6.2

    (I admit, before that I played around with making it a split menu…but I already deleted that css…now I’m not sure if I had done some script stuff somewhere?(I believe the split thing works without, so I didn’t?!).)

    Customer Support

    Hi there,

    Any chance you can open a new topic and link us to the page in question?


Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.