Hey drwildwave,
Sorry for the late reply and thanks for the link to your single post page, yet your post page has been created with the Advanced Layout Builder and you are using an h1 special heading for your “title”.
Please explain a little further.
Typically when you do not use the Advanced Layout Builder the single post title is an h1, please see this example.

Best regards,
Mike

Hi,
Sorry for the late reply and thanks for the link and screenshot.
For the bullet points in your screenshot, please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

#main > div > div > main > div > div > .avia-builder-el-5 > section:nth-child(5) li::marker {
font-size: 30px !important;
}

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

Best regards,
Mike

Hi,
Sorry for the late reply and thanks for the link and video.
I was able to correct this with this css, since this tries to override some other css please try this code in the WordPress > Customize > Additional CSS field, as it has the highest priority.

#avia-menu {
    margin-top: 28px !important;
}
#top #header_main>.container .main_menu .av-main-nav>li>a {
	height: unset !important;
	line-height: unset !important;
}
#top .main_menu ul.menu li a:hover {
	margin-top: unset !important;
}
#header_main #avia-menu > li > a > .avia-menu-text:hover {
	background-color: unset !important;
}

Then clear your browser cache and check.

Best regards,
Mike

Hey kristianjohann,
Sorry for the late reply and thanks for the link and code. Looking at your script above I note that it is looking for a two-character language code, when typically four characters, like de-DE or en-US I could not quite make out how you are switching languages with your links, I believe there is another script at work. Anyways, I tested your script on my localhost by setting the language with this document.documentElement.setAttribute('lang','de-DE');
and I changed your script a little:

<script>
jQuery(document).ready(function(){
 if( document.documentElement.lang.toLowerCase() === "de-de" ) {

  langElements = getAllElementsWithAttributeValue('lang','en');

  for (var i in langElements) {

   langElements[i].style.visibility = 'hidden';

   langElements[i].style.display = 'none';

  }

 }

 else {

  langElements = getAllElementsWithAttributeValue('lang','de');

  for (var i in langElements) {

   langElements[i].style.visibility = 'hidden';

   langElements[i].style.display = 'none';

  }

 }
});

function getAllElementsWithAttributeValue(attribute,attributevalue)

{

  var matchingElements = [];

  var allElements = document.getElementsByTagName('*');

  for (var i = 0, n = allElements.length; i < n; i++)

  {

    if (allElements[i].getAttribute(attribute) == attributevalue)

    {

      // Element exists with attribute. Add to array.

      matchingElements.push(allElements[i]);

    }

  }

  return matchingElements;

}
</script>

and I used your example HTML:

<span lang="en">Hello World!</span><span lang="de">Hallo Welt!</span>

and this worked for me, but on your site I can not change the language with the icons, so you could check your script for the two-character language code, or you could try this script instead.

Best regards,
Mike

Hi,
I believe I understand correctly, which browser are you using?
Try adding this to your .htaccess file via ftp:

Content-Type: application/pdf
Content-Disposition: inline; filename="*.pdf"

Best regards,
Mike

Hi,
I just noticed that there are more than one of these on the page so instead of adding a custom ID, please add a custom class and change the ID to your class like this:

function custom_script(){
  ?>
  <script>
(function($){
  $(document).ready(function(){
  $(".custom_class a.avia-slide-wrap").attr("rel", "nofollow noopener noreferrer");
 });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_script');

Best regards,
Mike

Hi,
Very good, unless there is anything else we can help with on this issue, shall we close this then?

Best regards,
Mike

Hi,
Very good, glad to hear this helped.

Best regards,
Mike

Hi,
Sorry, using the link above, I’m not seeing an error in the animation, what OS & browser are you using?

Best regards,
Mike

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