How can I increase side margins for one-line titles on mobile view?

Technical Q&A
1

Hello,

I want to increase the margins on the sides to have my titles on one line without reducing font size (on MOBILE VIEW)

Here is my url : Waterlys

Thanks

Screenshot_20210516-193640_Samsung Internet.jpg
Screenshot_20210516-193640_Samsung Internet.jpg1080×755 69 KB

2

On which device are you testing?

3

On samsung galaxy device

4

Please Go to Online Store → Themes → Edit code → Assets → theme.scss.liquid and paste this code at the end of this file.

@media screen and (max-width: 450px) {
h2.section-header__title {
    font-size: 24px !important; 
}
}
1 Like
5

@Medy06 , do this to fix it in 20 seconds:

  1. In your Shopify Admin go to: online store > themes > actions > edit code
  2. Find Asset > theme.scss.liquid or theme.css and paste this at the bottom of the file:
@media (max-width: 410px){
    .section-header__title{
        font-size: 6.7vw !important;
    }
}

Please let me know whether it works.

Kind regards,
Diego

6

Hi Diego

Actually I tried but nothing changed, don’t worry I finally changed the font size

Medy

1 Like