[mindedmind]

Hello,

1. While viewing my site, mindedmind.com, on a mobile device, the content is not centered. The title is wider than can be viewed on a single page. So there is a scroll bar from left to right. How can I have the title centered and thus eliminate the scroll bar?

2. In a web browser, I have entered CSS code to have the pictures on the home page be 50% of the width of the page. This also applies to the site when viewed in a mobile device. I’d like the pictures to be 100% size on a mobile device.

Thank you for your time and any help you can provide!

David

[ahmetsali]

Hi, try this custom css code;

@media (max-width: 767px) {
   h1.site-title { font-size: 3em; }
   body.blog .featured-image img { max-height: 100%; }
   body.blog .featured-image { max-width: none; float: none; padding-right: 0; }
}

[mindedmind]

Hey ahmetsali,

Thanks. It worked almost perfectly.
Though it changed the menu style and the titles to some posts have been duplicated where the picture should be.

Thank you,

David

[ahmetsali]

Hi again, sorry i couldn’t get what you mean in your last post. Can you describe in details or provide screenshots?

[Janec700]

Hi, I just switched from text logo to an image logo for the top navigation bar but now when I resize my screen to the size of an iphone I noticed the circular image on the home page with the guys picture is no longer centered. what should I do? I think this is happening because now when it is resized to the size of an iphone the social media icon goes on the second row right below the search icon.

[ahmetsali]

@Janec700

Hi, can you provide your url to see what’s wrong?