Support » Theme: GeneratePress » Horizontal Menu with submenu full width

  • Resolved netniks

    (@netniks)


    I have the free version of GeneratePress installed on WordPress 4.7.2, behind a firewall, unfortunately. I really appreciate the customizability of this theme.

    I created a child theme, and added the following CSS in order to create a horizontal menu. I am attempting to dial in the menu a little more so that vertical space is optimized, as the screenshot at this link indicates: https://68.media.tumblr.com/f60a4a7365980927548228486c265b1c/tumblr_olvu7aqme11skjgvjo1_1280.png

    I would like for the submenu bar to expand to fill the width of the browser window, and to place my company logo on the same baseline of the main menu. If I can accomplish this with the premium version of GeneratePress, I would be glad to download it and go from there.

    I realize that I’m asking for a lot of customization to the menu, so I understand if you cannot respond to the particulars of my request.

    .site-logo {
    	margin-top: 0;
    	margin-top: 0;
    	/* added width todd wheeler */
    	width: 135px;
    }
    body .sf-menu > li {
    	position: static;
    }
    body .main-navigation ul.menu > li > ul {
    	width: 100%;
    }
    body .main-navigation ul.menu > li > ul > li {
    	width: auto;
    }
    body .main-navigation ul.menu > li > ul > li ul {
    	left: 0;
    	top: 100%;
    }

    Thanks and regards,
    Todd

Viewing 7 replies - 1 through 7 (of 7 total)
Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Horizontal Menu with submenu full width’ is closed to new replies.