First Panel / Header Size in Pique Theme

Viewing 6 replies - 1 through 6 (of 6 total)
  • Moderator Kathryn Presner

    (@zoonini)

    Hi there, I’d be glad to help, but I’m not sure I’m clear on what you’d like to do. Is it that you want to shorten the height of the header on that page specifically?

    Filmproduktion

    Thread Starter snafu05

    (@snafu05)

    Hi Kathryn,

    thanks for your reply! That’s exactly what I want to do!

    Moderator Kathryn Presner

    (@zoonini)

    OK great!

    You can reduce the height on the header on that page by adding something like this to your custom CSS:

    .postid-23 .site-header {
  height: 300px !important;
}

    Usually we try to avoid using !important but in this case it seems necessary to override the inline CSS added by the theme.

    You can adjust the 300 as you like.

    Let me know how it goes!

    Thread Starter snafu05

    (@snafu05)

    Thanks for the advice. i added the code and when the site loads it shows the reduced header height for a brief moment before it jumps back to the former height. Do you have any further ideas?

    https://website.2spot.tv/referenzen/

    Thread Starter snafu05

    (@snafu05)

    Hey Kathry,

    solved the issue. I deleted .postid-23 and it worked! Thanks for the tip!

    Moderator Kathryn Presner

    (@zoonini)

    Glad you’re all set!

    I deleted .postid-23 and it worked!

    The post ID was restricting the change to a specific page, since that’s what I thought you wanted to do, but obviously I misunderstood. ?? Removing it would make the CSS apply to all posts and pages with that element on it.

    I’ll mark this thread as resolved but feel free to start a new one if you need help with anything else.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘First Panel / Header Size in Pique Theme’ is closed to new replies.