Hi,

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

@media only screen and (max-width: 767px) {
#header_meta {
    z-index: 1;
}
.responsive.html_mobile_menu_tablet #header_main .social_bookmarks {
    position: relative;
    top: -90px;
}}

Best regards,
Yigit

Hey manuelap,

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

.avia-safari div.av-masonry-container.isotope {
-webkit-font-smoothing: subpixel-antialiased;
}

Best regards,
Yigit

Hey Triceratops,

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

.product-sorting ul li:nth-child(5) {
    display: none;
}

Best regards,
Yigit

Hi apicalmedia!

I replied you here – https://kriesi.at/support/topic/woo-commerce-with-enfold-theme/
Please do not create duplicated threads as it is making it harder for us and for other users to follow.

Best regards,
Yigit

Hi apicalmedia!

I replied you here – https://kriesi.at/support/topic/woo-commerce-with-enfold-theme/
Please do not create duplicated threads as it is making it harder for us and for other users to follow.

Best regards,
Yigit

Hi iedigitaldesign!

Please try adding following code to Quick CSS in Enfold theme options under General Styling tab

@media only screen and (max-width: 768px) {
#top .av-siteloader-wrap { display: none !important; }}

Cheers!
Yigit

Hey Janus!

Please change the code i posted here – https://kriesi.at/support/topic/text-moving-under-image/#post-692652 to following one

.pt-cv-ifield a {
    display: grid!important;
}

Cheers!
Yigit

Hi!

Has this one resolved – https://kriesi.at/support/topic/move-logo-using-left-30px/? :)

Cheers!
Yigit

Hi!

Please add following code to Quick CSS

#top .sub_menu a {
    color: white!important;
    font-size: 12px;
    position: relative;
    top: 10px;
}

Best regards,
Yigit

Hi,

Great, glad you got it working. Please let us know if you should need any further help on the topic.

Regards,
Rikard

Hi,

Please click Screen Options in the top right hand corner of the screen on the menu edit page and select to display Description.

Best regards,
Rikard

Hey manuelap,

Please try the following in Quick CSS under Enfold–>General Styling:

.avia_desktop .av-hover-overlay-active .av-masonry-image-container {
    opacity: 1 !important;
}

Regards,
Rikard

Hey turistai,

Thank you for using Enfold.

Please replace the css code with this so that it will only affect the desktop view or screens wider than 767px.

@media only screen and (min-width: 767px) {
  /* Add your Mobile Styles here */
  .attachment-entry_with_sidebar.size-entry_with_sidebar.wp-post-image {
    height: 400px !important;
  }
}

Best regards,
Ismael

Hi,

I’m sorry but I thought that the image was added as a layer. It is the slider background. Please use this css code:

@media only screen and (min-width: 2000px) {
   #layerslider_8 .ls-bg {
       margin-top: 0 !important;
   }
}

It should work here. http://mitchelllindsey.fiveoaksdemo.com/index.php/test/

Could you please check the actual resolution of the surfacepro device?

Best regards,
Ismael

Hi,

I can’t really reproduce the issue on my end but maybe this will help. Replace the ad container with the following.

<div class="container_wrap" align="center" style="border-top: none;">
<a href="https://www.bodylab24.de/" rel="nofollow"><img src="http://www.eiweisspulver-test.com/Bodylab728x90.gif" alt="Anzeige"></a></div>

And what is the actual model of your tablet? I’m asking because some mobile device have an issue with gif formatted image.

Best regards,
Ismael