Make Adavance Layer Slider button larger on mobile

Hey navindesigns,

Thank you for the inquiry.

1.) You can adjust the Min. Mobile Font Size in the Style > Text & Typography panel, as shown in the screenshot below. You can apply a custom css class in the Attributes tab and control the font size using custom css.

View post on imgur.com

2.) Please try this css code to adjust the width and position of the SVG wave separator.

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

  /* Add your Mobile Styles here */
  .avia-section.av-wxcp-c90200cb46284bf3caa8c1c1fbba7cb6 .avia-divider-svg-top svg {
    height: 50px;
    width: calc(100% + 300px);
    left: 20%;
  }
}

Let us know the result.

Best regards,
Ismael

Hi,

Did you set the Min. Mobile Font Size to 10px? Please make sure to purge the cache and clear the browser history, or check the site on incognito mode.

View post on imgur.com

i also noticed the video is not loading now on mobile

The video displays fine on our end.

Best regards,
Ismael

Hi,

This is how the site looks on an actual mobile device, identical to the desktop view:

View post on imgur.com

Best regards,
Ismael

Hi,

Thank you for the update.

1.) Try adjusting the top margin of the button layer.

2.) Apply a minimum height to one of the main layers, or go to Project Settings > Layout > Layout Settings > Canvas Height and adjust the value.

3.) Apply a Custom CSS Class name to the element and replace the generic selector with it. You can follow this guide: https://kriesi.at/documentation/enfold/add-custom-css/#enable-custom-css-class-name-support

If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.

Thanks!

Best regards,
Ismael