MELLOW - remove top and bottom strips (CSS problem?)

Hi there,

Remove this CSS from Additional CSS field in the customizer:

#site-navigation .inside-navigation {
    border-bottom: 1px solid rgba(0,0,0,0.2);
}

.header-wrap #site-navigation .inside-navigation {
    border-color: rgba(255,255,255,0.3);
}
.site-info {
    border-top: 1px solid rgba(0,0,0,0.2);
}

Let me know if this helps :)

Thanks, Leo, but the two strips are still there... >>> https://www.st-antonius-kuenzell.de

Looks like your site is under maintenance mode. Can you unlock it?

yep

Can you try selecting one container?
https://docs.generatepress.com/article/container-layout-overview/

Make sure to clear your caching plugin.

Leo, thanks again - that solves the issue for the start page, but it destroys everything else... see three examples: https://1drv.ms/u/s!Alt3APf_Y5O2lId6vOu_knI_Slj7lw?e=zPMcEV

Ahh ok.

Try this CSS then:

.home.separate-containers .site-main {
    margin: 0;
}

I'm sorry, Leo, but the two stripes are quite stubborn little buggers... - even your css magic cannot make them go away...

The CSS should definitely work.

Did you clear your caching plugin after adding it?

Yes. The buggers do persist, however. The CSS is still active (inserted at the end of GP additional CSS box)...

I'm not seeing the CSS being added at all.

Can you please disable the caching plugin first?

We ask for this everytime a topic is opened:
https://www.screencast.com/t/8db279BZ3

Oops, sorry. Deactivated the cache plugin, but... #strong #buggers (added 4th screenshot with additional css displaying in Customizer, and the lower strip still showing).

Looks like you forgot to close the bracket for @media (max-width: 768px) { so that CSS is only applying to mobile:
https://www.screencast.com/t/5J020dIUCZ0R

Leo, you've nailed the buggers! Thanks ever so much for your patience and persistence - excellent service!