Archived topic
sticky left side bar combined with breadcrumbs?
26 replies · Started by Walter Schwarz on August 31, 2020
Hmm running out of ideas here unfortunately.
What was the result when you added in after_header?
Exactly the same?
Looks like it's not added in after_header currently.
At the moment "generate_after_header" is the hook-selector.
If I use the standard template without function breadcrumb insertion no breadcrumb is visible. I am sure I am not inserting the right strings somewhere. Is there a way to send you screenshots?
Thanks.
Hmm the after_header should really work.
How are you hiding the header currently?
Can you activate the parent theme?
Partial success!
Now I can insert the breadscrumbs line after the header (my failure was that I did not activate the "front" page as a special page; on other pages it already worked - but I did not see ...). But: it's positioned the most left. How to get it replaced on top of the left column?
What css code (class, id, ...) do I have to add?
Finally I give up.
Big negative consequence: it destroyed the behavior of the perfect coding using tablets and smartphones.
But why not implementing the sticky feature in GP?
Hold on don't give up yet.
We could do some thing like this to align it:
#breadcrumbs {
max-width: 425px;
margin-left: auto;
margin-right: auto;
}
What's wrong with it on mobile?
Shrinking the browser of the desktop screen down to smartphone size kept all three columns visible and compressed them till it was not really readable.
The perfect responsive design behavior was gone.
So now I have to focus on other items.
Thank you!
Sorry so do you still need help with this?
Let me know :)
Hi Leo,
thank you for your inquiry and your dedicated support.
If "Sticky Menu (or Anything!) On Scroll" supported two sticky items at the same time, this would be perfect. But it is not ...
For the next time I have other tasks like fine-tuning some websites and creating additional content. But I'll definitely be going back to the topic with two sticky widgets on one page. But that could take a while ...
Have a good time,
Walter
Feel like we were pretty close before but I need to see this issue:
Shrinking the browser of the desktop screen down to smartphone size kept all three columns visible and compressed them till it was not really readable.
I wonder if it would help to wrap the stick sidebar CSS so it's desktop only with this media query?
@media (min-width: 769px) {
CSS here
}
Hi Leo,
could be helpful. But I don't remember whether the three columns have already been squeezed together on the mobile screen (space between the columns has shrunk to zero).
Please let me come back to this topic in the next few days.
QUESTION: does the next GP release 3.0 contain sticky elements?
Cheers.
QUESTION: does the next GP release 3.0 contain sticky elements?
Unfortunately not.