Hi, I wondered if this issue could be resolved. I have a sticky navigation in "Display Grid" mode. For mobile screens, when you press the hamburger toggle the sticky navigation jumps down below the Header section and does not stay stuck on top with the dropdowns below.
I have attached my file so you can see what I am getting at.
Kind regards,
Phil
Header pushing sticky navigation down
Phil Dias
Registered User
260 posts
Inger
Senior Advisor
14,450 posts
If I understand this correctly, you just have to open the element tree pane and drag the container .navigation up above the .header.
Ha en riktig god dag!
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Phil Dias
Registered User
260 posts
Thanks for your response Inger. Would that not just keep the navigation always before the header even though I want the header to be above navigation until scrolled on mobile?
Regards
Regards
Inger
Senior Advisor
14,450 posts
Oh, you didn't mention that shrink effect in your first post, and I didn't scroll your page far enough down to discover it.
Well, then I'll have to pass and leave it to other brains to find out what to do.
Well, then I'll have to pass and leave it to other brains to find out what to do.
Ha en riktig god dag!
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Phil Dias
Registered User
260 posts
Frank Cook
Registered User
1,535 posts
Online Now
I would be inclined to give the container with all the paragraphs an id (e.g. blurb), and change the # href of the glyph icon to #blurb.
Frank
Frank
Inger
Senior Advisor
14,450 posts
Good idea! That works!
Ha en riktig god dag!
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Twinstream
Registered User
811 posts
You might also consider using position fixed as sticky does not do so well for support in IE11.
https://www.w3schools.com/howto/howto_j … header.asp
You would have to use a custom dynamic class with a the small javascript as in the w3 example.
https://www.w3schools.com/howto/howto_j … header.asp
You would have to use a custom dynamic class with a the small javascript as in the w3 example.
Bootstrap 5 CSS Grid.
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.
