Hi,
Try this code in the General Styling > Quick CSS field:

@media only screen and (max-width: 767px) { 
#top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content {
    background: rgba(0,0,0,0)!important; 
}
}

Best regards,
Mike

Hi,
Please try using a Child Theme so the customizations you make will not be overwritten by an update. For the Remove or fix Ajax search functionality solution that is in this thread, it called for editing the avia.js.
To add the avia.js to your child theme, Create a js folder then place a avia.js file inside. Add this on the child theme’s functions.php:

function wp_change_aviajs() {
   wp_dequeue_script( 'avia-default' );
   wp_enqueue_script( 'avia-default-child', get_stylesheet_directory_uri().'/js/avia.js', array('jquery'), 2, true );
}
add_action( 'wp_print_scripts', 'wp_change_aviajs', 100 ); 

Please feel free to request – or vote if already requested – adding a settings selector in the next update on Enfold feature request form.

Best regards,
Mike

Hi,
Please try replacing with this code:

.toggle_icon {
    left: unset!important; 
    right: 10px!important; 
}

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

Best regards,
Mike

Hi,
Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

1. Install and activate ” Temporary Login Without Password “.
2. Go to ” Users > Temporary Logins ” on the left-side menu.
3. Click ” Create New “.
4. Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
   ( do be sure that we have enough time to debug ).
5. Click ” Submit “.
6. You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.

When your issue is fixed, you can always remove the plugin!
If you prefer to not use the plugin, you can manually create a admin user and post the login credentials in the “private data” field.

Best regards,
Mike

Hi,
I checked the code you put in the General Styling > Quick CSS field and the > had been replaced by a >
Please clear your browser cache and check.
For the title bar please go to Enfold Theme Options > General Styling > Logo Area background color

Best regards,
Mike

Hey CampFigtree,
Typically you can’t change the page loaded in the iframe due to cross-domain resource restrictions.
If you had control you could change the div.el-content-wrapper border-radius to 0
Yet here are some reported workarounds you could try: https://stackoverflow.com/questions/217776/how-to-apply-css-to-iframe

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

Best regards,
Mike

Hi,
That is good news, Thanks for sharing your solution.

Best regards,
Mike

Hi,
You seem to have a strange cache that is not clearing,

wp-content/uploads/dynamic_avia/A.enfold.css,qver=5a55d53d9ff2b.pagespeed.cf.iOFXHgdmTx.css

It looks like you are using Pagespeed, please turn off: PageSpeed Configuration

Best regards,
Mike

Hey promisecenterchurch,
Typically with the layerslider, when the slide layers don’t respond well to the mobile size, others have created a new slide for mobile and set them to show depending on screen size. Yet you have many slides and the only issue is with the buttons.
I suggest making copies of the buttons, using “duplicate this layer” option in the layerslider and make those buttons twice the size and setting them to only show on mobile, while the first buttons show on desktops & tablets.
Here are some screenshots of this:




I believe this will be an easy fix for you, after I figured it out it was a snap to do.
You could also create a test page with test copies of your sliders, to try if your unsure.

Best regards,
Mike

Hi,
Try this code in the General Styling > Quick CSS field:

#top .header_color .main_menu .menu .avia_mega_div ul .current-menu-item>a {
    background-color: #ffe88a !important; 
}

Best regards,
Mike

Hey schnippel,
Please try:

img.av-catalogue-image {
    border-radius: 0px!important; 
}

Best regards,
Mike

Hi,
More than happy to help, please let us know if updating helps.

Best regards,
Mike

Hi,
Try this code in the General Styling > Quick CSS field:

span.toggle_icon {border-style: none!important; }

Best regards,
Mike