[Resolved] Help with mobile view please.

[Nikola]

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?

[David]

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.

[Author]

Posts