Adding second menu above logo area + some style

Hey Alex,

Thanks for contacting us!

1- Please add a widget area to header – https://kriesi.at/documentation/enfold/header/#adding-a-header-widget-area and display your menu inside it.

2- Please add following code to Quick CSS field in Enfold theme options > General Styling tab

#top .av-hamburger {
    border: 2px solid black;
    line-height: 40px;
    padding: 10px;
}

Best regards,
Yigit

Hi,

I added following code to bottom of Quick CSS field in Enfold theme options > General Styling tab

#top #header .widget_nav_menu ul {
    display: flex;
    justify-content: center;
    gap: 20px;
}
#top .widget_nav_menu {
    max-width: 1310px;
    margin: auto;
}
.html_header_top.html_header_topbar_active.html_header_sticky #top #main {
    padding-top: 209px;
}

Best regards,
Yigit

Hi Alex,

I added following code to bottom of Quick CSS field

@media only screen and (min-width: 1160px) { 
#header .dgwt-wcas-search-wrapp {
    right: 15vw;
    top: 1.5vw;
    max-width: 400px;
}
#block-2 {
    padding: 0;
    z-index: 102;
}
#header .dgwt-wcas-search-wrapp form {
    margin-bottom: 0;
}
}

Unfortunately, I could not come up with a simple solution that would position product search right next to menu icon. This one places it in that area however switches back on screens below 1160px as there is not enough space. If you need fine tuning, please adjust the values using media queries for different screen sizes – https://www.w3schools.com/Css/css3_mediaqueries_ex.asp

Best regards,
Yigit

Hi,
Thank you, when I check your site the search bar is expanded, please see the screenshot in the Private Content area.
Please include a screenshot of how you see it.

Best regards,
Mike

Hi,
I did not have to click on the search icon to show the search field, it is already showing when I load the page.
I checked with Chrome, Firefox, & Edge on Windows 10, what browser are you using?

Best regards,
Mike

Hi mussio506,

Your site is in maintenance mode, please provide login details in private so that we can view it.

Best regards,
Rikard

Hi,
Sorry I was looking at the thread starter site, not yours. In the future please open a new thread for your questions, thank you for understanding. Thanks for the login but your WordPress ▸ Appearance ▸ Theme ▸ Editor is not showing so I could not apply the solution for the Search bar from our documentation. Please try enabling the theme editor and then adding the function to your functions.php:
add_shortcode('avia_search', 'get_search_form'); and then add the shortcode [avia_search] to the title of a new custom menu item

then disable the search icon option in the theme at Enfold Theme Options ▸ Main Menu ▸ General ▸ Append search icon to main menu

Best regards,
Mike

Hi,

@mussio506 please check the solution that Rikard suggested in your thread, thank you.

Best regards,
Mike