- This topic has 5 replies, 2 voices, and was last updated 4 years, 7 months ago by
.
-
Posts
-
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?
Customer Support
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 🙂
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.
As I can see, both on mobile and desktop, the paddings are set to
80px 20px 80px 20pxwhich matches your screenshot.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.
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.
- You must be logged in to reply to this topic.
