I have the following custom CSS added to my Quick CSS but it is no longer functioning like it previously did.
.title_container { display: none; }
.fixed_header.social_header #main {
padding-top: 105px; }
.social_header #header_main .container, .social_header .main_menu ul:first-child > li a { height: 74px; line-height: 74px; }
@media only screen and (max-width: 479px) {
#advanced_menu_toggle, #advanced_menu_hide {right: -12px !important;} }
This is how the navigation should look on a normal browser.
This is how it currently looks:
And when viewed through a mobile device, the advanced menu isn’t in the right spot anymore and partially covers my logo. See below.
Hey kylehogan!
Thank you for using the theme!
Please re-upload your logo then configure the header settings again. Remove all css codes that you previously used to modify the header. Some header issues should be fix by simply saving the theme options. Please let us know if there’s still a lot of issues once you have reconfigure the header settings on Enfold > Header. Post the website url here. We would like to check it.
Regards,
Ismael
Fixed most of the issues when I removed the Quick CSS and adjusted the Header options within Enfold. Still having issue with the Advanced Menu covering my logo.
Even with this code in Quick CSS it still covers it up.
@media only screen and (max-width: 479px) {
#advanced_menu_toggle, #advanced_menu_hide {right: -12px !important;} }