Can not Full Width on Mobile

Support
#1

Hi, i want to erase the left / right margin on content at mobile view. I have been using no container, but the margin still there. The homepage was fine, it’s been already full width, but the other pages have the margin. I believe i’m using the same setting for the other pages like home page. There’s no problem on desktop view, it happened only on mobile view.

Kindly help me on this thing, thank you.

Best,
Rendy

#2

Hello Rendy,

Please add this code to X > Theme Options > CSS:

@media (max-width: 480px) {
    .entry-content {
        padding: 0;
    }
}

Hope this helps.

#3

Hi, it works great on mobile, what is the max-width to make it apply to tablet size (portrait) too?
Thank you.

Best,
Rendy

#4

Hi Rendy,

Try this:


@media (max-width: 767px) {
    .entry-content {
        padding: 0;
    }
}

If that does not work, try setting the max-width to 980px.

Hope this helps.

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.