Archived topic
Help with mobile view please.
1 reply · Started by Nikola on October 16, 2021
Hello,
On this blog post (link below), when I visit it from iPhone Chrome browser, I don't see logo at the top of the page (image 1).
- Where can I enable it so it shows logo the same as on desktop?
- On the same image 1 - titles at the top of the page are coming to close to the edges of the screen. How can I make it nicer - maybe smaller text or some margin?
Another problem is with the text that is the list format (image 2) - it comes to the middle of the iPhone screen and is not readable.
- How can I make lists to have smaller or no margin on the left side on phone browsers?
Hi there,
1, The logo - did you resolve this as i can see the logo on mobile ?
2. You can use this CSS to add some padding around the title:
.single-post .entry-header {
padding: 0 40px;
}
And you can adjust the font size in Customizer > Typography > Headings, select the Mobile preview first.
3. I would suggest editing the page, select the Container Block the content is within, in the sidebar, change to mobile view, select > Spacing and reduce the left and right padding to give you content more room.