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

Hi,
Perhaps you have a missing bracket or another error in another part of your css, please include an admin login in the Private Content area so I can check.

Best regards,
Mike

Hi,
Thanks for the feedback, do you mean the title in the screenshot in the Private Content area?
Please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

.html_modern-blog #main .avia-content-slider .slide-entry-title {
    font-size: 24px;
}

After applying the css, please clear your browser cache and check.
Please note that testing with Safari 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,
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

Hey babyboymik,
Thank you for your patience and the screenshot and the link to your site, to solve your issue with tablet landscape I recommend using a custom class for your banners and custom css with orientation media queries to be more precise than the theme display options. These custom classes could be used for all of your banners sitewide.
For example, mobile-banner & desktop-banner
and an example of media queries would be like this:

@media only screen and (max-width: 767px) and (orientation: portrait) { 
  .mobile-banner {
  	display: block;
}
  .desktop-banner {
  	display: none;
}
}
@media only screen and (max-width: 767px) and (orientation: landscape) { 
  .mobile-banner {
  	display: none;
}
  .desktop-banner {
  	display: block;
}
}

But I believe with your large banner if you are going to display your sidebar the minimum width should be 1440px, like this:

@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;
}
}

with this setup you should not need to use orientation because there are no tablet that trigger 1440px at landscape, they trigger 1366px.
Give this a try and let us know if it helps.

Best regards,
Mike

Hey HeeHA,
Thanks for the link to your site, you have a javascript error because jQuery Migrate was disabled in your theme options, I enabled it and now your page works correctly, please clear your browser cache and check.

Best regards,
Mike

Hi,
To remove this menu animation for certain pages, such as your example home page, try this css:

#top.home #wrap_all #av-burger-menu-ul > li {
	top:0 !important;
	opacity:1 !important;
}

feel free to adjust the page ID “home” to another page if you wish, then after applying the css, please clear your browser cache and check.

Best regards,
Mike