Take your website
To the next level
Discover our newly launched customization services and elevate your web projects to new heights.
Delegate tasks, save time, and unlock the power of professional WordPress outsourcing.

Okay
  Public Ticket #2170268
sticky header
Closed

Comments

  • Anita started the conversation

    Is there a way to add css to a single page to remove the sticky header.

    I have #jumps in the quick links...and the sticky header is causing the jump to overshoot...see routing number and dispute transactions in quick links > left hand side bar.


    I have tried every way of adding the href #....but it overshoots in the jump. Any help would be appreciated.

    Thank you.

  •  7,092
    Oliver replied

    HI!

    pls. use following css:

    body #page:not(.vertical-header) #site-header.fixed {
        display: none;
    }
    5110651633.png

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  • Anita replied

    Thank you Gregor...that worked...but that caused the quick links on the left hand side to not show the whole list...it gets cut off at online banking...yet there are another 10 quick links that should show.


    https://test.frankenmuthcu.org/questions-answers

    see attached.

    Make sense?

  •  7,092
    Oliver replied

    Sorry, can't understand...

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  • Anita replied

    This page

    https://test.frankenmuthcu.org/questions-answers

    I fixed the sticky header...see attached css

    but now the quick links on the left hand side of the page do not show all the quick links...a few of them are missing.

    this left hand quick links is a sticky column but does not display all the quick links.

    Does that help?

  •  7,092
    Oliver replied

    Scroll the page to the bottom, in this case I recommend you to deactivate sticky column, on the small screen resolutions it doesn't fix and user should to scroll down the page to see the bottom list..  

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  • Anita replied

    It works now...thank you.

    On this css...do you know why I have an 'expected r brace' error message line 8/column 2?

  •  7,092
    Oliver replied

    Add one more scope } in the end

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  • Anita replied

    Gregor...you are so smart.

    Thank you

  •  7,092
    Oliver replied

    You're welcome!

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver