Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
Thank you for the login, I see that your banners are added as custom widgets, but I notice that your child theme is not activated

please activate the child theme and import the parent theme settings.
Also note that any customizations in the parent theme functions.php will need to be moved to the child theme functions.php so they will not be lost on updates.

Sometimes, after importing the parent theme settings into the child theme and clearing your caching plugins, the site doesn’t show the style correctly, in this case go to the theme settings and see if the “save all settings” button is blue:

If so click it to save again and clear your caching plugins and check again.
If the button is not Blue, try adding a space in the Quick CSS, this will make the button blue so you can click to save again.
Otherwise, try disabling your caching plugin and clear your browser cache and check again.

Best regards,
Mike

Hi,
Thank you for this, I see your landscape width is 892px, so we will try adding for this, please try this css instead:

@media only screen and (max-width: 768px) and (orientation: landscape) {
.responsive.av-burger-overlay-active-delayed #top #avia-menu.av-main-nav .menu-item-avia-special {
	    right: -165px;
}
}
@media only screen and (min-width: 769px) and (max-width: 895px) and (orientation: landscape) {
.responsive.av-burger-overlay-active-delayed #top #avia-menu.av-main-nav .menu-item-avia-special {
        right: -165px;
}
}

I my test the right: -165px; seemed to be correct, but you can adjust if you need to, this will also give you the option to adjust for smaller and larger mobile devices, or if you wish you can just change to one rule:

@media only screen and (max-width: 895px) and (orientation: landscape) {
.responsive.av-burger-overlay-active-delayed #top #avia-menu.av-main-nav .menu-item-avia-special {
        right: -165px;
}
}

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

Best regards,
Mike

Hi,
Thanks, but in my tests the css is working correctly, try placing it in the WordPress ▸ Customize ▸ Additional CSS field instead of the Quick CSS field. If you get the same error then include an admin login in the Private Content area so we can investigate further.
Also note that your standard logo (after scroll) has a larger blank space in it, as you and Ismael talked about earlier, please see the direct logo links below, so if you want the after scroll logo to be more centered please adjust the logo.

Best regards,
Mike

Hi,
Odd, the screenshot is from Chrome on Windows desktop with Dev Tools emulating a mobile device, and I also get this with my Galaxy A01 using Chrome.
Try checking your device screen resolution in portrait and landscape mode and post the dimensions so we can be sure of the media query of the css above.
Thanks.

Best regards,
Mike

Hi,
It seems to be working when I check, please see the screenshot in the Private Content area.
Try clearing your browser cache and disable any caching plugins, if you are using Safari it can be hard to clear the cache, often you need to also clear the history to fully purge the cache, following these steps for Safari and note Step 4 where you will Clear the History.

Best regards,
Mike

Hi,
I see that you are using a caching plugin, please disable it and add this css to the WordPress ▸ Customize ▸ Additional CSS field:

@media only screen and (max-width: 989px) {
.av-no-preview #avia-timeline-1 ul.avia-timeline-vertical li {
    padding: 0;
}
}

Best regards,
Mike

Hi,
Thanks for the feedback, the lightbox div in the DOM opens outside the Catalog Element, so we could limit it to the specific page like this:

#top.page-id-122 .mfp-container button.mfp-arrow {
	display: none;
}
#top.page-id-122 .mfp-container img.mfp-img {
	pointer-events: none;
}
#top.page-id-122 .mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: default;
}
#top.page-id-122 .mfp-bottom-bar .mfp-counter {
	display: none;
}

Best regards,
Mike

Hi,
Glad to hear that you have this sorted out, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
Please try this css in your Quick CSS:

@media only screen and (max-width: 1439px) { 
  .mobile-banner {
  	display: block;
}
  .desktop-banner {
  	display: none;
}
}
@media only screen and (min-width: 1440px) { 
  .mobile-banner {
  	display: none;
}
  .desktop-banner {
  	display: block;
}
}

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

Best regards,
Mike

Hi,
Please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

@media only screen and (max-width: 768px) and (orientation: landscape) {
.responsive.av-burger-overlay-active-delayed #top #avia-menu.av-main-nav .menu-item-avia-special {
	    right: -165px;
}
}

After applying the css, please clear your browser cache and check.
This css will move the Search and close button to the right when the mobile menu is open, the landscape width should be correct but feel free to increase it if you wish.

Best regards,
Mike

Hi,
Thank you for the feedback and screenshot, but I don’t believe that you have added the custom classes to the code block elements,

and I see that you still have the Element Visibility options set, please disable these.

I believe this will work because if you note from your screenshot the iPad landscape width is 1366px

and the above css is set to 1440px

Best regards,
Mike

Hi,
Thank you for sharing Guenni007,
sldeutsch did this solve your issue?

Best regards,
Mike

Hi,
Futura doesn’t seem to be available in Google Fonts, you will need to download it elsewhere and follow our documentation on How to upload custom fonts
Please note the file structure of the font zip file, in most cases you will need to decompress it (un-zip) and remove the sub-directories and extra files so you are left with only the font file and then re-zip and upload to the Custom Font Manager in the theme options.

Best regards,
Mike

Hi,
Thank you for your patience, please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

.av_header_transparency .logo img.alternate {
    opacity: 1;
    padding-top: 62px;
}
#top #header #header_main .logo {
    left: 44%;
}

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

Best regards,
Mike