Width of content area on mobile

Sparkling
1

Hi!

I’m such a fan of this theme and I’ve managed to adapt it to my blog very nicely.
The only problem I’m having is that I have left/right padding of 75 px on .content-area to better fit the width of my content.

However, this padding is not needed on mobile devices and I cannot seem to eliminate it.
I have tried the following without success:


.content-area {
  padding: 0px 75px;
}
@media(max-width:767px){
  .content-area {
    padding: 10px 5px;
  }

My site is: http://www.bageglad.dk
Any help is much appreciated!

2

Hi @tjuel,

I hope you are well today and thank you for your question.

It seems in your shared code you have just missed the closing bracket of media query.

Try using the following CSS code replacing your shared code.

.content-area {
  padding: 0px 75px;
}
@media(max-width:767px){
  .content-area {
    padding: 10px 5px;
  }
}

Best Regards,
Movin