[mattfini]

Hello,

I appreciate all the help this forum has given me.

I think the last big thing I need help on is how the reduce margin space in mobile layout.

Everything from headings to body content is horribly squished right in the center in mobile. I’d love to reduce the white space and make the content occupy more space.

Site is mattserafini.com

Thanks!

[Skandha]

@mattfini: Hello there,
This seems to be due to the additional CSS that you have added.
Go to => Appearance => Customize => Additional CSS and remove the following CSS Code.

.wrapper.singular-section {
	padding:50px;
}
.post-archive .content-right {
     padding:50px 112px;
}

Let me know if this is what you want!
Kind Regards,
Skandha

[mattfini]

Hello Skandha, thanks for the reply!

The problem with renoving those two instances of CSS is that those items are related to other tweaks I also need (like reducing the white space under featured images and the size of blog content).

Is there anything else I can do?

[Skandha]

@mattfini: Hello there,

.wrapper.singular-section {
	padding:50px;
}
.post-archive .content-right {
     padding:50px 112px;
}

Replace the above code by the following Code.

@media screen and (min-width:1024px) {
	.wrapper.singular-section {
		padding:50px;
	}
	.post-archive .content-right {
	     padding:50px 112px;
	}
}

Let me know if this works out!
Kind Regards,
Skandha

[mattfini]

Wonderful. Thank you again, Skandha!

[Skandha]

@mattfini: Hello there, I hope I was able to resolve your issue. If it’s not too much trouble, I have a quick request: could you please leave an honest review?
https://wordpress.org/support/theme/fotografie/reviews/#new-post
Your review will help others know what to expect when they’re looking for the support I offer. Even a sentence or two would be hugely appreciated. Thanks, and if there’s anything else at all that I can do to help, don’t hesitate to let me know. Have a good day! 🙂

Kind Regards,
Skandha

[Author]

Posts