Hi,
Thank you for the link to your site, on the page that you have linked to the widths of the text in the cells now look good, so I guess the cell padding tip above helped.
I see that you have two cells hidden on mobile, both are image backgrounds, if you want them to show you can change this:

you have one column with a background image that has no content and no min height so it will not show:

please add a min-height for it to show:

When I check the slider text is white on desktop & mobile, I check with Windows in Chrome, Firefox, & Edge Dev Tools and Android phone. If you see black text on your phone try clearing your browser cache following these steps for Safari and note step 4 where you will Clear the History.
Those are the only issues that I see, please check.

Best regards,
Mike

Hi,
Glad to hear that you have this sorted out, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
You can use the button element options to create this:


The button element has many more options, please review them, as you choose “custom colors” in the drop down you will be given more options.

Best regards,
Mike

Hi,
Thank you for the link to your site and your patience, for your first slide with the button, it has a link so adding the button creates a nesting link, which typically wil cause issues, but it looks like this css will help:

#main .aviaccordion-excerpt p > a {
    text-decoration: none;
}

#main .main_color a.my-accordion-button {
	  text-decoration: none;
    background: blue;
    padding: 10px;
    border-radius: 2px;
    color: #FFF;
    position: relative;
    top: 135px;
}
#main .aviaccordion-slide-link .aviaccordion-title {
    top: -50px;
    position: relative;
}
#main .aviaccordion-slide-link {
    text-decoration: none;
}

this is the expected results:

Best regards,
Mike

Hi,
Oh I thought you were looking for something like this:

anyways try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

.av-masonry-entry .avia-arrow {
    background-color: #fff;
}

Best regards,
Mike

Hi,
I tested with both a Tabs element & Tab Section:

with two pages, tab one, tab two, and it works in both:


It looks like the page you want to show in the tab is a color section, remember that I said you can’t use full width elements like color sections, grid rows, etc.

Best regards,
Mike

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

#top .avia_cart_buttons {
    opacity: 1;
}
#top div.avia_cart_buttons a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart:hover,
#top div.avia_cart_buttons a.button.show_details_button:hover {
    color: black !important;
}

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

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
I check your snippet and found that it was inactive:

so I enabled it and it now works, please check.

Best regards,
Mike

Hi,
If you are not using a child theme you could use the WP Code plugin then add a new snippet, in the top right corner use the PHP snippet as the code type:

then add the this code and save.

add_filter('avf_logo','av_change_logo');
function av_change_logo($logo)
{
    if(wp_is_mobile() ) {
    $logo = "/wp-content/uploads/2024/04/LogoMobile.png";
    }
    return $logo;
}

you may need to make the image url in the code your full path if this doesn’t work, I didn’t want to post your full url as I think you want it private.

Best regards,
Mike

Hey klick.design,
Try using this shortcode: [av_postcontent link='page,9999'] in the tab:

it will get a page for the ID that you enter:

and show it in the tab:

But you can not use any full width elements like color sections, grid rows, etc.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hey Petra,
Thanks for the link to your page, I see that you are using some grid rows and the cells have a Cell Padding of 150px like this:

Try using the icon for mobile devices and change the Cell Padding to zero, like this:

For each icon is a different setting for different device sizes, you may want to use zero for the three smallest sizes or at least much less than what you use for desktop.
See if this helps, and if you want to include a admin login in the Private Content area so we can help more, just use any fake email address and post the user & pass in the Private Content area below.

Best regards,
Mike

Hey GWS,
When I click the “load more” button I see the error “/wp-admin/admin-ajax.php 403 (Forbidden)” in the browser console. I also see a reference to “WordFence” have you tried disabling all of your plugins, including WordFence? Check your WordPress ▸ Dashboard ▸ Tools ▸ Site Health ▸ Info ▸ Server that your PHP max input variables is set to 10000.
Also try setting your Max input time to 120 and your PHP memory limit to 768M
Perhaps uping your WordPress Constants WP_MEMORY_LIMIT to 64M and changing your Database Max connections to 1000 will also help. These are the settings that I have on my test site.
A admin-ajax.php 403 (Forbidden) can be caused by many issues, such as if mod_security is enabled on the server, try asking your webhost if it is, and to disable it as a test. It could also be caused by incorrect file permissions or a Corrupt .htaccess file. Please see this article for common fixes.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike