Hi Jason E,

I just replied to your topic, should we stick to that for you problems?

Best regards,
Rikard

Hi,

Please try this instead:

@media only screen and (min-width: 768px) {
header:not(.header_scrolled) ul.sub-menu{
margin-left:18%!important;
margin-top:-50%!important;
}
header.header-scrolled ul.sub-menu {
margin-left:18%!important;
margin-top:-18px !important;
}
}

Best regards,
Rikard

Hi,

Thank you for the clarification.

You need to hide the whole mega menu container. Please add the following css code inside the desktop media query.

.avia_mega_div {
    display: none !important;
}

Best regards,
Ismael

Hey!

@topsignshexham: Please note that the script will disable the submit button and render the recaptcha widget. Users will be able to click the submit button once the recaptcha widget is authenticated.

Cheers!
Ismael

Hi,

The “back to top” button is hidden on mobile devices by default because tapping at the top edge of the screen will take you back at the top of the page. Anyway, if you want to enable the button, please add the following css code.

@media only screen and (max-width: 989px) {
    .responsive #scroll-top-link {
       display: block !important;
   }
}

Best regards,
Ismael

Hi babayard,

Great, thanks for the feedback. We’ll keep the thread open in case you should need any further help on the topic.

Best regards,
Rikard

Hi Nik,

Thanks for the feedback. Please let us know if you should need any further help on the topic.

Best regards,
Rikard

Hi,

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

#footer {
    padding-top: 50px;
    padding-bottom: 50px;
}

Best regards,
Yigit

Hi,

I changed the code in Quick CSS to following one

@media only screen and (max-width: 767px) {
.html_av-overlay-side-classic #top #wrap_all .av-burger-overlay #av-burger-menu-ul li a.dt-only {
display: none!important;
}}

and i gave your links a custom class “dt-only” :)

Previous mobile menu was completely renewed in this update, therefore previously used CSS selectors for mobile menu would not work in current version. I believe that is the case however the solution i came up with is a pretty solid one too, in my humble opinion :)

Best regards,
Yigit

Hi,

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

@media only screen and (max-width: 767px) {
.html_av-overlay-side #top #wrap_all .av-burger-overlay li a img {
display: none; 
}} 

Best regards,
Yigit