-
S3ratin
Hello again,
I need your assistance once again. You are better than me at finding and suggesting what is troubling me.
Slider Menu pushing main content
When I start scrolling on my desktop or mobile device, and the slider menu begins to appear, my main content shifts down by a few pixels in a jarring manner. Although this is not a critical issue, I would like a smoother transition. Can you suggest where the problem might lie? Unfortunately, I cannot provide a screenshot, but you can inspect the issue on the website here.Slider Menu 100vw width
As you can see on this screenshot, I have two lines inserted via hr tag because I was unsuccessful in inserting two lines with 100vw width when I was scrolling. Here is the screenshot of how it looks like when I’m scrolling. Do you have any advice or suggestions on making the Slider menu complete 100vw width with two lines?There is a lot of custom code that I have written. Please let me know if I need to remove something or correct it.
Thank you,
J -
Hi there,
1. try adding this CSS and then see #2:
#sticky-placeholder .inside-navigation { padding-inline: unset; }
It will stop the hidden nav from resizing when the sticky appears.
2. in the Customizer > Layout > Primary Navigation you can set the Navigation to Full Width, and then set the Inner Width to Contained.
Now you can add CSS to style the border:
.main-navigation { border-block: 1px solid #ccc; }
And remove those HR, which i think may be affected #1
-
S3ratin
Thanks David, you are a great support! I have another question regarding the GB query loop… should I open a new post?
-
Yes please open a new topic.
Glad to be of help!
- You must be logged in to reply to this topic.