Content width mobile

Support
#1

Hey guys,

When I was building my custom header you guys helped me to adjust the width for mobile so it was full width when my desktop site was not. It worked perfectly :slight_smile:

I was hoping you could help me do that to my content too as it seems to have a gap when I would like it to be full screen?

Thanks in advance!

#2

This was the previous code used for the header if that helps :slight_smile:

@media (max-width: 980px) {
.x-container.main,
.x-container.max.width.offset {
width: 98%;
max-width: 100%;
padding-left: 0;
padding-right: 0;
}
}

#3

Hey Niall,

Please try this code in the Global CSS:


@media (max-width: 979px) {
    .x-section .x-container.width {
        width: 100%;
    }
}

Hope this helps.

#4

Thank Jade! That’s perfect! :smiley:

#5

You’re welcome. Glad we’re able to help.

#6

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