I used the code below to change my main menu. I just would like to adjust the menu on the left and delete the line between the header and the top.social. Could you please help me ?
.logo { display: none; }
#header_main > .container {
display: none;
}
.main_color {
border-top: none !important;
}
.avia-menu-fx { display: none; }
#header_main .container, .main_menu ul:first-child > li a {
height: 55px !important;
line-height: 55px !important;
}
#top .social_bookmarks li a {
width: 50px;
line-height: 30px;
min-height: 30px;
font-size: 20px;
}
#top .social_bookmarks li {
height: 100%;
width: 50px;
}
Hey poylomat,
Add this to quick css:
#header_main_alternate{
border:none!important;
}
#header_main{
border-top:none!important;
}
#header_meta{
border-bottom:none!important;
}
Best regards,
Jordan Shannon
Perfect thanks !
And what about put the menu on the left (and no center like now) ?
Thanks !
Hi,
You want it to the left of the logo even?
Best regards,
Jordan Shannon
Hi,
The logo is a picture in the menu. I just would like to adjust this menu on the left.
Thanks !
Hi,
Please try this CSS as well:
@media only screen and (min-width: 991px) {
#avia-menu {
margin-left:-100px;
}
}
Best regards,
Rikard
Perfect, thanks !
Last question : Do you know how to increase the space between each title of the menu ?
Regards,
Matthieu.
Hi Matthieu,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
.av-main-nav > li > a {
padding: 0 20px;
}
Please check the view on iPad.
If you need further assistance please let us know.
Best regards,
Victoria
Great ! Thank you !!!
Hi,
I’m glad you were able to get the help you needed. If you need further help, please let us know here in the forums.
Best regards,
Jordan Shannon