Formatting Page Elements for PC and Mobile

Hi @tuebe451,

I checked your site and looks likely you’ll need additional left and right spacing on the header and footer banners. If so, you’d add this simple CSS code to Appearance > Customize > Additional CSS from dashboard.

.wp-block-cover {
  padding-left: 30px;
  padding-right: 30px;
}

Thanks for the suggestion. Unfortunately this doesn’t do what I aiming for. I hope to wrap the top and bottom banner fully to the page

Hi @tuebe451,

Do you have a raw design to indicate the final result you’d like to achieve?

To include image files in your reply, you can use a reputable file sharing service that allows you to share a public link from the image you uploaded there.

Thanks for the response.

Unfortunately, I am not adept at web design and much of it is new to me. I am not sure how I could visually share.

From the mobile, there is a black space between the top banner and the menu as well as a black space between the bottom banner and the footer. I hope to close these gaps.

From PC, the same thing though I’d also like the width for the banners to reach to the sides as well. I do not see that issue with mobile.

When I customize the page from WordPress it gives me the mobile view from the PC view option for some reason if this has any relevance or bearing. I hope I was able to be a little clearer