Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
Is there a way to remove the Main Menu from navigation.
I prefer to only have the Top Nave and Footer menu.
I don’t know much about coding.
Thanks.
Hi Leo M
Do you have a public URL where we can take a look at this? If you need to keep this URL private from other users, just select “Private Reply” on the bottom right of the comment box.
This is a private message.
Hi Leo
You can change this with some custom CSS. Try this in your style.css
#mainmenu.scaled ul#mainmenu-menu{ visibility:hidden !important; }Cheers
Addo,
Thank you for replying. The main menu is still visible.
Here’s what I have in CSS.
/* =Main Menu
————————————————————– */
#mainmenu.scaled ul#mainmenu-menu{
visibility:hidden !important;
}
ul#mainmenu-menu {
position: relative;
background: rgb(247,247,247);
background: -moz-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(244,244,244,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,247,247,1)), color-stop(100%,rgba(244,244,244,1)));
background: -webkit-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(244,244,244,1) 100%);
background: -o-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(244,244,244,1) 100%);
background: -ms-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(244,244,244,1) 100%);
background: linear-gradient(top, rgba(247,247,247,1) 0%,rgba(244,244,244,1) 100%);
border: 1px solid #E2E2E2;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#f7f7f7′, endColorstr=’#f4f4f4′,GradientType=0 );
}
ul#mainmenu-menu li.menu-item {
position: relative;
border-right: 1px solid #E2E2E2;
display: block;
float: left;
font-size: 11px;
font-weight: bold;
}
ul#mainmenu-menu li.menu-item a {
color: #5e5e5e;
display: block;
padding: 20px 40px;
text-decoration: none;
}
ul#mainmenu-menu li.menu-item a:hover {
background: #F9F9F9;
}
/* =Main Menu : Scaled Menu
————————————————————– */
#mainmenu.scaled .container > div {
width: 100%;
height: 52px;
display: table;
}
#mainmenu.scaled ul#mainmenu-menu {
height: 52px;
display: table-row;
}
#mainmenu.scaled li.menu-item {
width: auto;
height: 52px;
border: none;
display: table-cell;
float: none;
}
#mainmenu.scaled li.menu-item a {
border: 1px solid #E2E2E2;
border-width: 1px 1px 1px 0;
text-align: center;
}
#mainmenu.scaled li.menu-item:first-child a {
border-left-width: 1px;
}
#mainmenu.scaled ul#mainmenu-menu ul.sub-menu li {
border-width: 0;
display: block;
}
#mainmenu.scaled ul#mainmenu-menu ul.sub-menu a {
border: none;
}
/* =Main Menu : Main Dropdown
————————————————————– */
Hi Leo
I have just checked your site and the main menu is no longer visible. Did you have this solved.
Kindly, let me know.
Cheers
It looks like the advice you gave me worked.
Initially, it looked the same. There must’ve been a lag after I changed the CSS.
Thank you so much.
Leo
Perfect :-)
Always feel free to open a new thread whenever you require support
Cheers