Hi,
Thanks for the login, I tested the first site and found that if I disable the “Keep paragraph tags in the Classic block and the Classic Editor” option in the tinymce advanced options the extra BR is removed:

Also, I wanted to point out when you use the “button” for the line brake, please do not hit the [return] key.

Best regards,
Mike

Hi,
Thanks for the page shortcode, so as-is the last color section shows with the promo boxes “Zucht”, “Garten”, “Tiere”, “Haus”
with all of the screen options selected. But I find that removing the masonry under “of Summer Snow News” seems to correct.

It is odd that removing is one element seems to correct, I tried to recreate the page from scratch but couldn’t.
What is your goal for this element if you want to hide it for all screens?

Best regards,
Mike

Hi,
As I understand your request, you would like the “chat bot button” to only show after scroll when the “scroll top button” shows.
So in this case the “scroll top button” shows only when the class “avia_pop_class” is added, so we could watch the “scroll top button” and match classes like this:

function custom_script(){
  ?>
  <script>
(function($){
     $(document).one( 'scroll', function() {
  $('#scroll-top-link:first').clone().attr('href', '#3-col-intro').attr('title', 'Chat Bot').attr('id', 'chat-bot').insertAfter($('[id^=scroll-top-link]:last'));
    });
    $(document).scroll(function(){
    if ($('#scroll-top-link:first').hasClass('avia_pop_class')) {
  	$('#chat-bot').addClass('avia_pop_class');
    } else {
    	$('#chat-bot').removeClass('avia_pop_class');
    }
    });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_script');

To try this script please ensure you remove the previous script first.
So for your css for this script you will want to include the class “avia_pop_class” like this:

#chat-bot.avia_pop_class:before {
  content: "" !important;
}
#chat-bot.avia_pop_class {
bottom: 150px;
width: 81px;
height: 81px;
background-size: 81px 81px;
background-image: url(https://static.wixstatic.com/media/f5aed6_0412643c07754b6f9791bf5d8a92e434~mv2.png/v1/fill/w_361,h_313,al_c,lg_1,q_85/HaveYourSay.webp);
  display: inline-block;
background-color: transparent;
position: fixed;
border-radius: 2px;
text-decoration: none;
text-align: center;
right: 50px;
z-index: 1030;
}

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,
I see your css is like this:

.single-product-main-image .onsale {
    right: -45px;
    width: 40px;
}

please change to this:

#top .single-product-main-image .onsale {
    right: -45px !important;
    width: 40px !important;
}

the !important; will help override the current css:

#top .single-product-main-image .onsale {
    top: 0px;
    right: 7px;
}

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

Best regards,
Mike

Hey Jason,
Sorry for the late reply and thanks for the mockup, I couldn’t quite make out your URL, but I thought one way to achieve this would be to copy the “scroll top” button and adjust the link, title, icon and color, like this:

Try adding this code to the end of your functions.php file in Appearance > Editor:

function custom_script(){
  ?>
  <script>
(function($){
     $(document).ready(function() {
  $('#scroll-top-link:first').clone().attr('href', '#3-col-intro').attr('title', 'Chat Bot').attr('id', 'chat-bot').insertAfter($('[id^=scroll-top-link]:last'));
    });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_script');

in the code above you can change the URL #3-col-intro to your own.
Then add this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

#chat-bot:before {
content: "\e83c";
font-family: entypo-fontello;
color: #fff;
}

#chat-bot {
bottom: 150px;
background-color: yellowgreen;
position: fixed;
border-radius: 2px;
height: 50px;
width: 50px;
line-height: 50px;
text-decoration: none;
text-align: center;
right: 50px;
z-index: 1030;
}

Please adjust to suit.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Glad to hear, I tested Rikard’s css and it seems to correct the on-sale button:

.single-product-main-image .onsale {
    right: -45px !important;
    width: 40px !important;
}

Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field, and then clear your browser cache and any cache plugin, and check.

Best regards,
Mike

Hey S-edwards,
Sorry for the very late reply, do you mean that you built this with the Advanced Custom Fields plugin (ACF)?
Anyways the element looks custom, the gallery image links do not have title attributes and this is what the lightbox needs to show the titles. The counter is automatically populated by the lightbox script by counting all of the images on the page.
Please try adding the title attributes to your image links.

Best regards,
Mike

Hi,
Sorry for the very late reply and thanks for the link & screenshots, I found that your #trayectik section, above the tab section, is larger than 5811px, but some inline css sets it as the max-height, so I see the bottom of “Валенсия” is cut:

This css corrects in my tests:

#trayectik > .av-tab-section-outer-container {
    max-height: unset !important;
}

Please try this and clear your browser cache and check.

Best regards,
Mike

Hey anjmat,
Sorry for the very late reply, I see that on your cart page the woo-paypalplus-checkout-button > paypalplus_ecs_cart_button is an empty div.
I also notice that the woocommerce checkout button is showing on the cart page load, and then it seems to be replaced by the empty PayPal button div. I also tried to clone the mini PayPal button to the cart page but this doesn’t seem like a good solution because I believe the button is created dynamically.
I also notice that when you go through the checkout the PayPal button does seem to work correctly, you just can’t skip the checkout from the cart page.
So as a workaround how about injecting a button to the checkout from the cart page below the “notice” where the PayPal button would be? This will put your customers into your checkout and seem natural to the purchase process.
For your plugin, I found this support thread that says: PayPal Plus is only available when having your registered office in Germany, International transactions do work with PayPal Plus, but only if the requirement above was met. So it seems that part of the issue could be my location? (I’m in the USA) I’m not so sure about that.

Best regards,
Mike

Hi,
Sorry for the late reply and thanks for the screenshot, I believe the issue is that you have a hidden color section with the ID standalone_tech_specs between #eco_vanity & standalone_kit_for_sale
So in your screenshot the arrow in the #eco_vanity section is pointing to #standalone_tech_specs, which is hidden, so the link doesn’t work.
Please test your page with no hidden color sections.

Best regards,
Mike

Hi,
I believe the issue is because you have the theme setting Enfold Theme Options > Performance > Load jQuery in your footer enabled, I disabled, please clear your browser cache and check.

Best regards,
Mike

Hi,
Thank you for the feedback, in this example the /about/ page is “page-id-16” & the /services/ page is “page-id-20”.
So the css would look like this:

#top.page-id-16 .av_header_transparency div .av-hamburger-inner, 
#top.page-id-16 .av_header_transparency div .av-hamburger-inner::before, 
#top.page-id-16 .av_header_transparency div .av-hamburger-inner::after {
    background: red !important;
}
#top.page-id-20 .av_header_transparency div .av-hamburger-inner, 
#top.page-id-20 .av_header_transparency div .av-hamburger-inner::before, 
#top.page-id-20 .av_header_transparency div .av-hamburger-inner::after {
    background: blue !important;
}

Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field, and then clear your browser cache and any cache plugin, and check.
Please feel free to adjust the color to suit.

Best regards,
Mike

Hi,

@marotiem for Vinay’s code above did you adjust it for the unique ID of your section? #unique_id

@media only screen and (max-width: 989px) {
#unique_id {
background-image: none !important;
}
}

Please link to your example page so we can assist further.

Best regards,
Mike

Hi,
Please review this post above, the first step is to add a code block element “with the ID “next-section-arrow” ” in the developer settings like this:

I see that you are using the code block arrow 3 times on the page but none of them include the custom ID, this adds the ID to the element so the css will work. If you include an admin login we could help further with this.

Best regards,
Mike