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