jefftaylor

Thanks Kharis!

Thanks so much @kharisblank, working great!

Shown above, I do have an “@media only screen” CSS code included. It works nicely throughout the site, but wanting no margins on the home page only, not the whole site. Is there a way to just change how the home page responds on mobile by having no margins there, while keeping other pages as they are? Thanks in advance.

@kharisblank This is my current additional CSS code…

.page-id-1906 {background-color:#333132;}
.remove-bottom-space {
margin-bottom: 0;
}
.remove-top-space {
margin-top: 0;
}
.content-wrapper {
margin-top: 0px;
}

.single-post .content-wrapper {
margin-top: 10px;
}

@media only screen and (max-width: 670px) {
.entry-content .wp-block-image{
margin-left: -15px;
margin-right: -15px;
}
}

@kharisblank That worked well on the home page, but can’t live with no padding on the rest of the site. Do you have any suggestions as to how this change can only be made to the home page where I have the container blocks?

@kharisblank I overlooked this field. Location is on home page: https://nashvillemusicdesign.com/

Thanks @kharisblank, added CSS but still having same issue. The white margin on outer block edges only appear when top menu changes from desktop style to “hamburger” style…

• This reply was modified 1 year, 3 months ago by jefftaylor.
• This reply was modified 1 year, 3 months ago by jefftaylor.

Discovered work around