Menu not full width
-
the menu on my site does not stretch all the way across the content like in the demo. This is what the menu on the demo site looks like.
https://themezhut.com/demo/awaken-pro/And this is what it looks like on my site:
http://tv.jaredisham.comI can’t seem to figure it out in the customization or by adding custom CSS to the theme. Is there something wrong?
-
Hi @thejaredisham,
It seems your site has few custom css code lines and that is the reason for this. ( Maybe in Custom CSS area in the customizer. )
Please check and remove following css lines.
@media screen and (min-width: 768px) {
.main-navigation ul.menu > li > a, .main-navigation ul.nav-menu > li > a {
padding-bottom: 0;
}@media screen and (min-width: 768px) {
#site-navigation {
float: none;
width: auto;
display: inline-block;
margin-right: 0;
}Thank You.
I can’t seem to find those bits in the style.css file. I also don’t have any custom CSS running right now that I can tell. I cleared all the places where I know to find custom CSS options.
@media screen and (min-width: 768px) { #site-navigation { float: none; width: auto; display: inline-block; margin-right: 0; }This looks like something that Site Origin CSS Editor may have done, so I deactivated the plugin because there was nothing indicating there was any CSS code. Still no luck.
I also reinstalled the theme to see if that would fix it.
-
This reply was modified 8 years, 11 months ago by
TheJaredIsham.
Found it. It was the “Storefront Extension – Align Menu Right” plug-in. Deactivated and the menu is back to normal.
Thanks.
except there are two pages at the moment that still seem to be having the issue:
http://tv.jaredisham.com/membership-join/
http://tv.jaredisham.com/category/insider/ -
This reply was modified 8 years, 11 months ago by
The topic ‘Menu not full width’ is closed to new replies.
