HI
Thanks for your help in the past with the main menu header area. I have played around with a new site as possible project
http://build.cncsolutionsaustralia.com.au/
I have a few issues that i need help with please.
1. Logo – i can move the logo to the left with this
div .logo {
float: left;
position: absolute;
left: -100px;
}
However on mobile it cuts half the logo? I am sure there would be some CSS to fix this? as seen here . https://snag.gy/gMmDsd.jpg
2. I have managed to get the phone number in the header with help from last time however i need more spacing?.
3. I have managed to add a search bar using this post – https://kriesi.at/support/topic/adding-search-bar-to-header-cant-find-enfoldincludes-folder/
however not in the position i am after.
As you can see in this link the menu area, logo, phone number & search all look like this;
http://build.cncsolutionsaustralia.com.au/
I would like it to look like this;
The logo is almost there, just needs some tweaking, however the menu spacing search and phone number all need work
See this
Hey saint181,
1. Please remove “left: -100px;” in your code so the logo will be fully visible.
2. To avoid the menu items run into logo trigger the mobile menu at 1084px
@media only screen and (max-width: 1084px) {
nav.main_menu {display:none !important;}
#advanced_menu_toggle, #advanced_menu_hide {display:block !important; }
}
3. This looks like it requires a lot of customization and might take a long time to modify the current header.
We need to take a closer look at it please let us know where you added the custom css to modify the elements and provide us the login details in private to check it further.
Best regards,
Vinay