Docs

[fredrik_burman]

Hi,
I have an issue with my site. http://www.atek.nu, more specifically the news section https://www.atek.nu/nyheter/

I want it to display full width on small devices and it looks fine in chrome developer tools when I view it as a emulated iPhone 5 device. However looking at a real iPhone5 device it is displayed in a boxed layout, not full width.

I do have some custom CSS in place which solved the issue for the portfolio item pages.
Do you know what I should change in my custom CSS?
Attached screenshots of chrome and a real device.

Thanks
/Fredrik

[fredrik_burman]

Sorry, one file was too large.

[fredrik_burman]

I just found something interesting.
Initially the page loads fine, but as soon as a post image is loaded then the “boxed” layout appears.

[Joao]

Hi There,

Please add the following code to Appereance Customizer Custom CSS

@media screen and (max-width: 767px) {
.blog .x-container.width {
padding: 0px !important;
} }

Make sure to clean your mobile browser cache before testing it again.

** At the moment you have 10px padding which looks really good in my opinion, I have checked on my Android phone and it is responding well.

Let us know how it goes,

Joao

[fredrik_burman]

Solved it myself. This can be deleted..

[Nico]

Happy to hear that.

Feel free to ask us again.

Thanks.

[Author]

Posts