Archived topic

Mobile header background for posts

5 replies · Started by ch1800 on April 30, 2022

Viewing posts 1–6 of 6

April 30, 2022 at 7:58 pm #2205229

Hello,

For individual posts (only) I want the mobile header to be the same as the one I currently have for desktop but I have a Sunday brain short-circuit and can't figure it out.

1. On desktop, the header has a brown background colour. On mobile, I get a transparent background and the mobile menu vanishes in there. I would need the same background colour on mobile as on desktop.

2. I have set Sticky Navigation for "Desktop Only" (with Hide when scrolling down) but it displays on mobiles also.

Thanks.

May 1, 2022 at 3:00 am #2205385

Hi there,

1. add this CSS:

#mobile-header {
    background-color: #896B29;
}

2. In Customizer > Layout > Header - disable the Sticky Mobile Header

May 1, 2022 at 3:54 am #2205420

Thanks David, but #1 applies to all pages and I need it only for individual POSTS as all other pages have their own headers and need transparency.

That's fine with #2.

May 1, 2022 at 4:54 am #2205445

Try changing the CSS to this:

.single-post #mobile-header {
    background-color: #896B29;
}

May 1, 2022 at 5:38 am #2205466

Yep, that works fine, many thanks!

May 2, 2022 at 2:16 am #2206171

Glad to hear that

This archived topic is closed to new replies.

Start building better websites today.