Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • October 7, 2022 at 8:36 pm #1368023
    tcampaner

    Hi,

    I would like to have the logo centered, the burger menu right and the search icon left.
    I have tried multiple ways, but… no result :)

    I would also like to have the search icon the same color as the burger menu.

    Thank you!

    Homepage

    October 9, 2022 at 8:03 pm #1368162
    Mike

    Hey tcampaner,
    Thank you for the link to your site and your patience, it took a few tries to create a solution that would work for mobile and desktop.
    Please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

    .html_burger_menu #header_main .logo.avia-standard-logo {
	display: flex;     
	justify-content: center;
	position: relative;
	float: unset;
}
.html_burger_menu #header_main .main_menu {
	top: 0px;
}
.html_burger_menu #header_main .main_menu {
	width: 100%;
}
.html_burger_menu #header_main .av-main-nav-wrap {
    float: unset;
}
.html_burger_menu #header_main .av-burger-menu-main.menu-item-avia-special {
	float: right;
}
.html_burger_menu #header_main .main_menu #menu-item-search a {
	color: #a6424a;
}
@media only screen and (max-width: 767px) {
.responsive #top #header_main .logo {
    width: 100%;
}
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.