Add space to mobile version

Hi! I am building a website right now with the Rocked theme. It’s amazing! I have one problem that I cannot fix. Hope someone can help me with this one :slight_smile:

My website: www.agitatormusic.nl is working fine, but on the mobile version, all of the text has no space left and right. The text is standing against the edge of the screen.

How can I fix this? I want a 5 of 10 px space between.

Thanks so much!

Hello there,

I noticed your home page uses Front Page template, which has no left and right spaces in the smaller screen. To add 10px left and right space in mobile screen, you’ll need to add this extra CSS to Appearance > Customize > Additional CSS from dashboard.

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

      .page-template-page_front-page .entry-content {
        padding-left: 15px;
        padding-right: 15px;
      }
      
    } 

Regards,
Kharis

Yes! Thanks so much!

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis