Hi,

Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field instead:

@media only screen and (max-width: 479px) { 
#top #wrap_all #main h4.av-special-heading-tag,#top #wrap_all #main h6.av-special-heading-tag {
    font-size: 8px;
}
}

adjust the font size to suit

Best regards,
Mike

Hi,
When I check your homepage I don’t see an underline on your buttons or links, I assume that you removed your above css, if not please due and use this css instead:

#top a:where(:not(.wp-element-button,.avia-button)) {
    text-decoration: underline;
}

this is the result:

Best regards,
Mike

Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 767px) {
.html_av-overlay-side-classic #top .av-burger-overlay .avia-menu-text {
    font-size: 17px;
}
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
I checked the six pages from your backend but still don’t see it, if the above works try adding a media query so it will only work on tablets and desktop, like this:

@media only screen and (min-width: 768px) { 
#main .avia-section {width:1080px; display: block; float: none;
margin: 0 auto;  }
}

or adjust the min-width larger to suit.

Best regards,
Mike

Hi,
To adjust this for other screen sizes you can copy the css and wrap in a media query, for example for mobile device add this

@media only screen and (max-width: 767px) { 
.custom-header-background-bottom {
    background-image: url(/wp-content/uploads/2024/09/top_no_fade.png);
    background-repeat: repeat-x;
    background-position: bottom center;
    background-size: auto;
    height: 50px;
    width: 118%;
    position: absolute;
    top: 25px;
    left: -9%;
    transform: rotate(180deg);
}
}

also leave your other css for desktop, if you find another size that needs adjusting then follow the same steps.

Best regards,
Mike

Hi,
If you want the arrows to the side of the image, the image can not be the same size of the content:

@media only screen and (max-width: 767px) {
    .responsive #top .av-large-testimonial-slider.avia-testimonial-wrapper .avia-testimonial {
        padding: 0;
    }
    .avia-testimonial-meta-mini {
    width: 100%;
    }
    #top .avia-slideshow-arrows a {
    	margin: 0;
    }
    .avia-slideshow-arrows a.prev-slide {
    	left: -7%;
    }
    .avia-slideshow-arrows a.next-slide {
    	right: -7% !important;
    }
}

this is the result:

Best regards,
Mike

Hey findweat,

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

@media only screen and (max-width: 767px) {
#top .widget_nav_menu li {
  font-size: 17px;
}
}

Best regards,
Rikard

Hey wiebejammin,

The update to 6.0.6 has to be done manually from the version you are running, please refer to my replies in this thread: https://kriesi.at/support/topic/enfold-4-5-theme-update-update-failed-download-failed-a-valid-url-was-not-pro/#post-1021541
You can either update manually via FTP: https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update, or upload the theme as if it was new under Appearance->Themes->Add New Theme.
If that doesn’t work then please try to delete the whole theme folder, then replace it with the new version. Make sure that you have backups of the site before starting updating.
Also please read this after you have updated: https://kriesi.at/documentation/enfold/theme-registration/

Best regards,
Rikard

Hi,

Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,

Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hey JoStudioDeRijp,

Thank you for the inquiry.

You can use this css code to adjust the font size of the hotspot content:

#top .avia-tooltip.av-tt-hotspot {
    font-size: 20px;
}

Best regards,
Ismael

Hi,
Thanks for your patience, for the bottom of the content on your other pages try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function custom_script_bottom() { ?>
  <script>
document.addEventListener("DOMContentLoaded", function() {
    var contentDiv = document.querySelector('.template-page.content');
    
    if (contentDiv) {
        var newDivContent = document.createElement('div');
        newDivContent.className = 'custom-header-background-content';
        contentDiv.appendChild(newDivContent);
    }
});
</script>
  <?php
}
add_action( 'wp_footer', 'custom_script_bottom', 99 );

and this css:

.custom-header-background-content {
    background-image: url(/wp-content/uploads/2024/09/top_no_fade.png);
    background-repeat: repeat-x;
    background-position: bottom center;
    background-size: auto;
    height: 50px;
    width: 109%;
    position: absolute;
    bottom: -50px;
    left: -5%;
    transform: rotate(180deg);
}

Best regards,
Mike

Hi,

Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hey findt,

Thank you for the inquiry.

You can apply this css code to move the submenu or megamenu upwards:

#menu-item-78 .avia_mega_div {
    margin-top: -200px;
}

Best regards,
Ismael

Hi,

Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,
You have this PHP code in your Quick CSS breaking the css below it:

I moved the css to the top and now it works:

but you should still remove the PHP code and add it to your WPcode plugin as a PHP snippet, unless you already did.

Best regards,
Mike

Hi,

Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,

Please try this instead:

@media only screen and (max-width: 767px) {
#top .post-title {
  line-height: 22px !important;
}
}

Best regards,
Rikard

Hi,

Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hey!

Thank you for the update.

It is loading on desktop and Iphone

Background videos are actually disabled on mobile devices by default, so they should only play on desktop view. You need to add a fallback image that will display instead of the background on mobile devices.

Cheers!
Ismael

Hey trevorwilson,

Thank you for the inquiry.

Please add the following css code to adjust the alignment of the post title. Make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings afterward.

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

  /* Add your Mobile Styles here */
  #top .fullsize .template-blog .post .entry-content-wrapper {
    text-align: left;
  }
}

Best regards,
Ismael

Hey laptophobo,

It’s not something that we have seen in other sites no, maybe the images were deleted somehow?

Best regards,
Rikard