Juicy Fruits game.Enjoy Free 888+200 Daily Legal Bonus

Resolved netniks
(@netniks)

7 years, 9 months ago
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)

Theme Author Tom
(@edge22)

7 years, 9 months ago

Hi there,

Is there any way you can remove the firewall so I can see the live site? Will be much easier to provide a solution if I can inspect the code ??

Thread Starter netniks
(@netniks)

7 years, 9 months ago

Hi Tom,
Thank you for the response!

The site, outside our firewall, is at:
https://netniks.cmslauncher.website/north-american-manufacturing/

I can also provide you with WP admin username and password, but I think that you can see the submenu is functioning in horizontal mode (as desired), but I’m falling short on the CSS to “condense” the menu and submenu to look like this:
https://68.media.tumblr.com/f60a4a7365980927548228486c265b1c/tumblr_olvu7aqme11skjgvjo1_1280.png

Thanks and regards,
Todd

Theme Author Tom
(@edge22)

7 years, 9 months ago

Hmm, not sure if this is possible. The sub menu can only go as wide as the parent container, which in this case is contained to your container width.

You could set the inner navigation width to full in “Customize > Layout > Primary Navigation”, then set the alignment to center. However, this won’t be the exact layout you’re hoping to achieve.

Thread Starter netniks
(@netniks)

7 years, 8 months ago

Hi Tom,
I updated the screenshot slightly by removing the background color behind the primary menu. If you didn’t run the submenu background to span 100% of the browser window, would you have recommendations on the CSS?

https://sc-cdn.scaleengine.net/i/1ba85286770d946696db6b528b70769c.png

Thanks and regards,
Todd

Theme Author Tom
(@edge22)

7 years, 8 months ago

Not too sure what you mean? Can you explain a bit more?

The issue right now is the width of the primary (top level) navigation above.

The black bar is full width, but the inner container is contained, which also contains the sub-menu within that same width.

Thread Starter netniks
(@netniks)

7 years, 8 months ago

Hi Tom,
For what it’s worth, I turned to Codeable for some help, and the resulting menu can currently be seen here: https://netniks.cmslauncher.info

Thanks and regards,
Todd

Theme Author Tom
(@edge22)

7 years, 8 months ago

Ah, interesting! Thanks for sharing ??

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

The topic ‘Horizontal Menu with submenu full width’ is closed to new replies.

Tags