Help to editing mobile version on GreatMag

Hello :slight_smile:

I’ve some problems with the GreatMag theme. I hope someone can help me.

The struggle is that I think there is a lot os wasted space on mobile and the font size is to small.

Here follows a picture of how I would like it to look:

and you can see how it looks right now here: https://babyhelp.dk/brystpumpe-guide/

Can anyone help me with some extra CSS that helps?

I’ve tried to change the font size but it infects the text with a box with price comparasion that I wanted to be excluded from the changes. If you want see what i’m talking about, please follow this link: https://babyhelp.dk/brystpumpe-guide/

Hi,

Did you meant the space between the sentences? if yes, you can try to reduce the line-height using this CSS code:

.elementor-widget-text-editor {
    line-height: 1.3;
}

Add the code to Customize > additional CSS.

Regards,

Hi Awin

Thanks.
Unfortunately no. On mobile there is too muchs empty space in the sides. I want that to go away.

If I choose full width, it actually looks fine on my phone. Just not on desktop.

Can I choose full width only on mobile in any way?

I see… then try this please:

@media (max-width: 500px){
  article#post-4248 {
    padding-left: 10px;
    padding-right: 10px;
  }
}

Or if you want to remove the grey empty space on the side, add this:

@media (max-width: 500px){
  .site-content > .container {
    margin: 0;
    width: 100%;
    padding: 0;
  }
}

Regards,

U’re a God! Thanks but i need it to infect on all my landingpages. What shall I write instead of article#post-4248 then.

You can replace article#post-4248 with article

Thank u so much :)!!!

1 Like