Source: How to combine the headers of "Landing" and "Magazine"?

Themes
1

Hi there, sorry for the noob question;

I’m trying to meddle with screen.css and header-content.hbs with the goal of having the “Landing” header first, followed by the “Magazine” header.

Obviously simply copy/pasting the relevant sections from the “Landing”/“classic” sections into the magazine sections and f.e. replacing

.gh-header.is-classic

(what I assume is “Landing”) with

.gh-header.is-magazine

leads to all sorts of conflicts with the magazines grid. Is there a way to perhaps segregate the two to make this possible? Or some other way?

Edit: One of my last attempts was declaring a new class, didn’t work;

image
image1013×865 70.1 KB

image
image1580×768 67.1 KB

Just trying to wrap my head around it in the hopes of learning a thing or two with this question. Any hinter much appreciated!

Best
Mike

2

I think you are going to want to duplicate the whole header section, and have one have the is-highlight class and the other have the is-magazine class.

3

Not sure if I get it; can only call one of them in the backend after all, don’t I? Btw I’m trying to combine “Landing” and “Magazine” but I guess it doesn’t matter. Thanks for the reply!

4

You’re editing the theme, right?

5

screen.css and header-content.hbs of Source, yeah. The readme doesn’t specify a version.

Edited the original post with some more details around my silly attempts, haha.

Edit: The theme seems to be using multiple “sections”, perhaps need to find a way to create a new one for my purpose instead of some likely anyway completely wrong declared div class?

image
image1644×1112 292 KB