Archived topic

Remove separating space on category page h1 on site set to One Container

6 replies · Started by Giselle on January 20, 2022

Viewing posts 1–7 of 7

January 20, 2022 at 11:34 am #2087758

Hi,

I've looked through the forum and can see lots of replies to this for separate containers, but not for one container. I've tried this CSS in a mobile media query, but it's not working:

@media (max-width: 768px) {

.one-container .site-main {
margin: 0;
}

}

Example in URI below

Thanks for your help.

Giselle

January 20, 2022 at 11:38 am #2087767

Hi Giselle,

Which space are you trying to remove?

Can you take a screenshot and let me know?

January 20, 2022 at 11:40 am #2087768

Hi Yin,

I think I forgot to post the link. It's the gap underneath Projects (and all category pages). It's created by setting: Layout > Container Separating Space

Thanks.

January 20, 2022 at 11:41 am #2087769

The H1 heading 'Projects' I mean.

January 20, 2022 at 11:48 am #2087774

I see, try this CSS:

.archive.category .page-header {
    margin-bottom: 0;
}

January 20, 2022 at 11:54 am #2087780

Thanks, Ying! Working :-)

January 20, 2022 at 11:56 am #2087782

You are welcome :)

This archived topic is closed to new replies.

Start building better websites today.