Docs

[ofmedia]

Hello, I am trying to get my site full width on mobile. Everything I am trying is not working. Posting info below.

[ofmedia]

This reply has been marked as private.

[Friech]

Hi Michael,

Thanks for writing in! You can add this under Custom > CSS in the Customizer.

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

Hope it helps, Cheers!

[ofmedia]

Still looks the same.

[Friech]

Hi There,

It does work on my end, see the screenshot below there is no body background on the page anymore because the container is taking the full-width of the page.

http://image.prntscr.com/image/6e6b381971ff4bef80259aa2a4d01ce3.png

Try to clear your browser’s cache. Maybe your mobile have an screen larger than 767px?

Let us know how it goes.

Thanks.

[ofmedia]

Sorry, I think I explained it wrong. I am looking for the site to scale based on size of the screen instead of breaking based on screen sized. Basically the desktop version is what I am looking for.

[Rue Nel]

Hello There,

Do you want to have the same fullwidth look both in desktop and mobile screen? Does it means that you do no want your site to be responsive? Doing so would mean re constructing the css styles because we have to remove all responsive css. Changing the site layout for different screens might not be possible without custom development, this would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities.

Thanks for understanding. Take care!

[Author]

Posts