Hi,
Glad to hear, so for the last question, I added this css:

/*sonar effect*/
@-webkit-keyframes sonarEffect {
0% {opacity: 0.3;}
40% {opacity: 0.5;box-shadow: 0 0 0 2px rgba(174, 198, 195,0.1), 0 0 10px 10px #aec6c3, 0 0 0 10px rgba(174, 198, 195,0.5);}
100% {box-shadow: 0 0 0 2px rgba(174, 198, 195,0.1), 0 0 10px 10px #aec6c3, 0 0 0 10px rgba(174, 198, 195,0.5);-webkit-transform: scale(1.5);opacity: 0;}
}
@-moz-keyframes sonarEffect {
0% {opacity: 0.3;}
40% {opacity: 0.5;box-shadow: 0 0 0 2px rgba(174, 198, 195,0.1), 0 0 10px 10px #aec6c3, 0 0 0 10px rgba(174, 198, 195,0.5);}
100% {box-shadow: 0 0 0 2px rgba(174, 198, 195,0.1), 0 0 10px 10px #aec6c3, 0 0 0 10px rgba(174, 198, 195,0.5);-moz-transform: scale(1.5);opacity: 0;}
}
@keyframes sonarEffect {
0% {opacity: 0.3;}
40% {opacity: 0.5;box-shadow: 0 0 0 2px rgba(174, 198, 195,0.1), 0 0 10px 10px #aec6c3, 0 0 0 10px rgba(174, 198, 195,0.5);}
100% {box-shadow: 0 0 0 2px rgba(174, 198, 195,0.1), 0 0 10px 10px #aec6c3, 0 0 0 10px rgba(174, 198, 195,0.5);transform: scale(1.5);opacity: 0;}
}

Please clear your browser cache and check. Shall we close this then?

Best regards,
Mike

Hi,
Thanks for posting your custom element code, I tried it out and the error seems to occur when the element is opened after it was saved, but I couldn’t resolve this. I asked the rest of the team to take a look, thanks for your patience.

Best regards,
Mike

Hi,
I adjusted the css for your two buttons, please clear your browser cache and check.

Best regards,
Mike

Hi,
Sorry I ment that your div code doesn’t have the custom class, like this:

<div class="update" style="background-color:lightblue; padding-left: 20px">
<span>
COVID-19 Update<br>
Learn about our expanded patient care options for your health care needs.
</span>
</div>

Try copying the div code from your live site, in your header.php, to your stagging site, or use the code above.

Best regards,
Mike

Hi,
Please remove the above css and clear any caching plugin and your browser cache then try this css:

#top div.product .woocommerce-tabs.wc-tabs-wrapper {
    display: flex !important; 
    flex-wrap: wrap !important; 
    }
    #top div.product .woocommerce-Tabs-panel--additional_information {
        order: 3 !important; 
        width: 100% !important;
    }
    #top div.product .woocommerce-Tabs-panel--reviews {
        order: 1 !important; 
    }
    #top div.product .woocommerce-Tabs-panel--description {
        order: 2 !important; 
    }

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

Best regards,
Mike

Hi,
Thank you for the feedback, please try this css:

@media only screen and (max-width: 767px) { 
	#wrap_all #main h3,#wrap_all #main h3 > span {
	font-size: 12px !important;
}
#wrap_all #main h1,#wrap_all #main h1 > span {
	font-size: 14px !important;
}
}

Please adjust the font sizes to suit and clear your browser cache and check.

Best regards,
Mike

Hi,
Thanks for the screenshot, I do understand the space you wish to reduce, and thanks for changing the images to ones with no border, this helped.
So please try this css:

.avia-icon-grid-container li .avia-icongrid-wrapper .avia-icongrid-front,
.avia-icon-grid-container li .avia-icongrid-wrapper .avia-icongrid-flipback {
    box-shadow: 0 0 0 10px #fff;
    background-size: cover !important;
}

After applying the css, please clear your browser cache and check.
Please see the screenshot in Private Content area.

Best regards,
Mike

Hi,
1 & 2: I added this css to your quick css:

.responsive #top #header #header_main .inner-container .logo {
    height: 135px !important;
}
.html_header_top.html_header_sticky #top #wrap_all #main {
    padding-top: 192px !important;
}

3: I adjusted some previous css, now the socket menu shows.
4: On this page your slider had an un-closed tag in the caption title:

I corrected and now the slider shows.

Best regards,
Mike

Hi,
When I check your site the demo looks like the Enfold Startup Business Demo and not the 2017 demo.
Please try running the WP Reset and then import the one 2017 demo.

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

Best regards,
Mike

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

.update {
	position:fixed !important;
    top:0 !important;
    z-index:600 !important;
    width: 100% !important;
}
#wrap_all {
    padding-top: 48px !important;
}

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

Best regards,
Mike

Hey Lee,
Sorry for the late reply, the more tag is for showing only some content and the more link on the blog page. On the post or page the more tag does nothing.
If you are creating your page with the Advanced Layout Builder then you could try the accordion element, or if you want to do this is a post or text element you could try a plugin like Read More Without Refresh

Best regards,
Mike

Hey argentinadelfina,
Sorry for the late reply, mobile devices don’t have a “hover” or “mouse-over” event, there are javascripts that offer “long-touch” and such.
I checked the site you linked to for the “mobile hover” elements but they didn’t work for me, what I found was touching the item would show the title while the page was loading, so the event was a “click”.

But if you would like to add a white box with the title to show over your images for mobile, 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: 767px) { 
.grid-image:before {
  content: attr(title);
  color: red;
  font-size: 1em;
  text-align: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  background-color: #fff;
  width: 50%;
}
.grid-content {
	display: none;
}
}

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

Best regards,
Mike

Hi,
Thanks for the login, I changed the main menu links to red in the advanced style and disabled your caching plugin and the changes show fine. I recommend to not use any caching while you are creating your site.

Best regards,
Mike

Hi,
Well this is odd, so in my testing, I had created a new page called “Paarden2” for the “Main Catalog Page” option then once the Main Catalog Page & product page was showing and I thought I had it sorted out I returned the setting back to “Paarden” and checked the Main Catalog Page, but I didn’t check the product page.
So now when I change the setting back to “Paarden2” both work, please check.

Best regards,
Mike