[Support request] Mobile Post Width

[Ryan]

I’ve read through all the other topics on this issue and I can’t figure it out…

I can’t adjust the mobile content width. I can manipulate the Desktop content width using Elements, but mobile content won’t change, even when I change things in Customizing > Layout > Container with Mobile selected on the bottom:

https://share.getcloudapp.com/7KuEAnqm

This is for a variety of sites, including:

https://3dprintingpricecheck.com/
https://chinchillabreeders.org/

What am I missing?

[Ying]

Hi Ryan,

In the layout element, have you set the Content Area to contained(no padding)?

If so, can you change it to default so the paddings set in customizer can apply?

Let me know if you need further assistance 🙂

[Ryan]

OK- I changed that. Still can’t adjust things in Customize, but it does look better on mobile- there’s some padding so that the Post width is somewhat ‘boxed’ now.

[Ying]

As I can see, both on mobile and desktop, the paddings are set to 80px 20px 80px 20px which matches your screenshot.

[Ryan]

OK- thanks. One other thing- is there a way to set a Mobile version in Elements. For example, deactivate Featured Images in Desktop but leave them activated on Mobile?

In Elements currently, it seems like things are applied globally and I can’t differentiate between mobile/desktop.

[Ying]

No, in this case you won’t be able to make separate settings for mobile/desktop.

You can try using CSS to hide featured image on front end within certain screen width, but the HTML is still there, so it won’t accelerate the loading speed even the featured image is not showing.

[Author]

Posts