Tagged: Main Menu align left
Good day, dear Kriesi!
I have a question: how can I do Main Menu at my website just like at the screenshot: https://drive.google.com/open?id=0B4QFLQ4b–S1WnFRNXp1WnpFWWM
Thank you very much in advance!
Hey Dmitrey,
Your site looks pretty similar to your screenshot, do you have any specific questions?
Best regards,
Rikard
Yes, I’d like to align Main Menu to the left and spread its elements equally on the window. Also there’s an Ajax Search button, that is lost somewhere to the right of the workspace, on the dark background. I’d like to do it like on the screenshot, with a field for text typing.
Hi Dmitriy,
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
#top #header .av-main-nav > li:hover > a {
color: #a81010;
font-size: 16px;
}
.av-main-nav > li {
line-height: 30px;
min-width: 148px;
text-align: center;
border-right: 1px solid #c7c038 !important;
}
.header_color li a {
border-color:#fff;
}
#menu-item-search { border-color:#fff !important;}
.av_seperator_small_border .av-main-nav > li > a > .avia-menu-text {
border: none;
}
#header_main_alternate .main_menu {
margin: 0px !important;
}
If you need further assistance please let us know.
Best regards,
Victoria