Hey rixi,

Thank you for the inquiry.

The button seems to be displaying correctly when we checked. Would you mind providing a screenshot of the issue? You can use platforms like Savvyify, ImgBB, PostImages, or Dropbox to upload and share the screenshot.

Best regards,
Ismael

Hey Angelo,

Thank you for the inquiry.

Yes, you can safely move the code from the Quick CSS field to the child theme’s style.css file, just make sure all css rules are valid. You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings to make sure the changes take effect.

Best regards,
Ismael

Hi,

Thank you for the update.

We replaced the Text layer with HTML and adjusted the content slightly to break it into multiple lines. You can now try adjusting the styling, and once you’re done, snap it back to vertical and horizontal alignment.

Best regards,
Ismael

Hi,

Thank you for the inquiry.

There is invalid code in the snippet. Please remove it and replace it with the following code:

//——————————-
// Toggle section
//——————————-

function toggle_on_click() {
    ?>
    <script>
    jQuery(window).on('load', function() {

        // Button onClick event
        jQuery(".toggle-button a").on("click", function(e) {

            // Add your button events here
            console.log("Toggle section");

            jQuery("#toggle-section").toggleClass("hide-me");

            console.log("Prevent default");

            e.preventDefault();
        });

    });
    </script>
    <?php
}

add_action('wp_footer', 'toggle_on_click');

Best regards,
Ismael

Hi,

why does my Home page look good on desktop, but loses those settings on smaller screens and mobile?

The issue occurred because a css media query in the Quick CSS field was not closed properly. We have corrected the css code. Please make sure to purge the cache before testing the page.

Best regards,
Ismael

Hi!

If you need to adjust the color of the search icon as well, include the following css code.

#top #header .av-main-nav > li > a > svg:first-child, #top #wrap_all .header_color .cart_dropdown_first .cart_dropdown_link.avia-svg-icon svg:first-child {
    fill: #006ab5;
    stroke: #006ab5;
}

Best regards,
Ismael

Hi,

Thank you for the info.

You can try this css code to adjust the height of the slider on smaller screens.

@media only screen and (max-width: 767px) {

  /* Add your Mobile Styles here */
  #top #wrap_all .av-k5zwtv35-b503e223437d26141b6108faf533b96b .avia-slideshow-inner {
    height: 80vh !important;
  }

  #top #wrap_all .av-k5zwtv35-b503e223437d26141b6108faf533b96b .avia-slideshow-inner li,
  #top #wrap_all .av-k5zwtv35-b503e223437d26141b6108faf533b96b .avia-slideshow-inner li div,
  #top #wrap_all .av-k5zwtv35-b503e223437d26141b6108faf533b96b .avia-slideshow-inner li div img {
    height: 100%;
    object-fit: cover;
  }
}

Result:

Best regards,
Ismael

Hi,

Thank you for the update.

It seems to be working correctly in the staging site. We set the button border radius from 20px to 30px.

Please make sure to purge the cache before checking the page. It’s also recommended to temporarily disable file compression settings while editing the site.

We also created a test page. (see private field)

Best regards,
Ismael

Hey Stefan,

Thank you for the inquiry.

You can enable the Enfold > Performance > Delete old CSS and JS files? option to automatically delete these files. This option is located at the very bottom of the Performance panel. If the files persist, you can manually delete them (make sure to create a backup first), then resave the theme options to regenerate the dynamic scripts and stylesheets.

You can also disable the file compression settings in Enfold and instead enable the compression option in your caching plugin, or install a dedicated optimization plugin such as Autoptimize or BWP Minify.

Hope this helps.

Best regards,
Ismael

Hi,

Thank you for the update.

Try to add this code to the functions.php file to sort items on the blog page by modified date and on the songs page by published date:

function ava_pre_get_posts_mod($query) {
    if (!is_admin() && $query->is_main_query()) {
        if (is_page(1230)) {
            $query->set('orderby', 'date');
            $query->set('order', 'DESC');
        }

        if (is_page(574)) {
            $query->set('orderby', 'modified'); 
            $query->set('order', 'ASC');
        }
    }
}
add_action('pre_get_posts', 'ava_pre_get_posts_mod');

Best regards,
Ismael

Hey SikoraEDV,

Thank you for the inquiry.

We may need to inspect the page to properly check the issue. Please create a test page with the embed code or widget, then provide the site URL in the private field.

Best regards,
Ismael

Hi,

You’re quite welcome! Let us know if you have more questions. Have a nice day.

Best regards,
Ismael

Hi,

Thank you for the update.

It seems to be working when applied directly in the browser. Please make sure you copied the code correctly, or provide the login details in the private field so we can check it.

Best regards,
Ismael

Hi,

Thank you for the inquiry.

Try to add this css code to adjust the spacing around the timeline container:

.avia-timeline-container {
    position: relative;
    padding: 0 10px;
}

Let us know the result.

Best regards,
Ismael

Hey schub1981,

Thank you for the inquiry.

We may need to inspect the elements on your site in order to provide an appropriate solution. Please provide the site URL in the private field. Have you tried adjusting the color options in the Enfold > General Styling > Logo Area tab?

In the meantime, to adjust the color of the burger menu icon on mobile view, try to use the following css code:

@media only screen and (max-width: 767px) {

  /* Add your Mobile Styles here */
  .header_color .av-hamburger-inner,
  .header_color .av-hamburger-inner::before,
  .header_color .av-hamburger-inner::after {
    background-color: #da2727;
  }

  .html_av-overlay-side-classic #top .av-burger-overlay li li .avia-bullet,
  .html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner,
  .html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner::before,
  .html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner::after {
    background-color: #da2727;
  }
}

Best regards,
Ismael