Envy theme-reduce font size in banner images

Store Design
1

Hello,

I’m using the Envy theme. Having an issue with the banner image fonts for the mobile version.

In the desktop view, the image and fonts are perfect but when I have a look in the mobile version the font size is too big for the banner.

Can someone guide me on how to reduce the font size for the only mobile version?

Below picture for reference,

Ardra_0-1646850629193.png
Ardra_0-1646850629193.png525×553 262 KB

Theme URL : https://www.ardranaturals.com/

Thanks in Advance

Suja

2

Hi Ardra,

Please add the below code inside your “Asset/theme-index.min.css” file at the bottom.

@media screen and (max-width: 768px){
.slider-section–image–slideshow .slider-caption h2 {
font-size: 30px;
}
}

Let me know If you need any other assistance from my side.
If helpful, please Like and Accept the Solution.

Kind Regards,
JasHet
Shopify developer

3

Hi @Ardra ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/custom.css->paste below code at the bottom of the file:
@media (max-width: 749px) {
    .slideshow-mobile-image-content .type-subheading {
        font-size: 32px !important;
    }
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.