Hi,

Thank you for the update.

Why do you need a sticky header on mobile view? Users can easily return to the navigation by double-tapping the top edge of their phone, making sticky headers unnecessary. Unfortunately, implementing this requires modifications that are beyond the scope of support. Please hire a freelance developer or contact our partner, Codeable.

// https://kriesi.at/contact/customization

Best regards,
Ismael

Hey Paolo,

Thank you for the inquiry.

We updated the value of the Leaflet Map > Settings > Map Tile URL field to https://tile.openstreetmap.org/{z}/{x}/{y}.png. Please make sure to purge the cache before checking the page.+

Related thread: https://kriesi.at/support/topic/openstreet-map-problem/#post-1468347

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

Hey Eduardo,

Thank you for the inquiry.

You can use this css code to apply rounded corners to the Image and Masonry Gallery element:

#top .av-inner-masonry {
    border-radius: 20px;
    overflow: hidden;
}

#top .avia-image-container img {
    border-radius: 30px;
}

Best regards,
Ismael

Hey zimbo,

Thank you for the inquiry.

What happens when you remove the srcset and sizes attribute from the image? The size 180×101px should be good enough for desktop and mobile view.

<img loading="lazy" decoding="async" aria-describedby="caption-attachment-7644" class="size-square wp-image-7644" src="https://www.americanroadtrips.net/wp-content/uploads/2019/11/Hotel-Nevada-180x101.jpg" alt="Hotel Nevada at night" width="180" height="101">

Best regards,
Ismael

Hi,

Thank you for the update.

Try to replace the css with the following code:

#top .header_color .avia_mega_div,
#top .header_color .main_menu ul ul,
#top .header_color .main_menu .menu ul li a {
	background-color: rgba(255,255,255,0.5);
}

Best regards,
Ismael

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

#top .header_color .avia_mega_div,
#top .header_color .main_menu ul ul,
#top .header_color .main_menu .menu ul li a {
	background-color: transparent;
}

Best regards,
Mike

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

#top #header .mega_menu_title,
#top #header .mega_menu_title a {
    font-size: 12px;
}

Best regards,
Mike

Hi,
Please add this css, and also keep the css Ismael posted:

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

Best regards,
Mike

Hey sgkeil,

Please continue here: https://kriesi.at/support/topic/bullets-on-showing-in-woocommerce-short-description-2/

Best regards,
Ismael

Hey sgkeil,

Thank you for the inquiry.

The list is now bulleted. Did you figure this out?

.woocommerce-tabs #tab-description ul, #top .woocommerce-tabs .commentlist .description ul {
    list-style-type: disc;
    list-style-position: inside;
}

Best regards,
Ismael

Hey Dzimnikov,

Thank you for the inquiry.

What do you mean by categories? You can apply a unique class name (e.g., av-google-bad-script) to the h2 element either by defining the attribute manually or by using the Advanced > Developer Settings > Custom CSS Class field if you’re using a Special Element.

.responsive #top .av-google-bad-script {
    font-family: 'Bad Script', cursive;
}

However, before that, you need to manually load the font:

function ava_enqueue_google_fonts() {
    wp_enqueue_style( 'av-google-font-bad-script', 'https://fonts.googleapis.com/css2?family=Bad+Script&display=swap', false );
}
add_action( 'wp_enqueue_scripts', 'ava_enqueue_google_fonts' );

Best regards,
Ismael

Hi,

Thank you for the update.

You can remove both css rules and replace them with the code @Mike provided above:

.main_color a { color: #f1f1f1; text-decoration: underline }
.alternate_color a { color: #f1f1f1; text-decoration: underline !important;}

Use this if you need to adjust the text color:

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

Best regards,
Ismael

Hi,
Please use this instead for the result in my screenshot:

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

Best regards,
Mike