problem with custom burger position
-
yea!
/* Hide scrollbar for Chrome, Safari and Opera */ ::-webkit-scrollbar { display: none; } /* Hide scrollbar for IE, Edge and Firefox */ html, body { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ }
Enter this css in "lay options" -> "custom css & html" -> "custom css for desktop"
this would hide any scrollbars
-
because then the burger won't jump!
i think its the only way to make it not jump. -
@arminunruh I still don't think so. The burger does not jump when navigating to a page (like this page: https://corporatefotografie.com/info/ - although it does have a scrollbar in this test version). The burger only jumps when navigating to a project (like this project: https://corporatefotografie.com/industriefotografie/ - which does not have a scrollbar because a deleted the content now to make my point).
-
which browser do you use?
and which operating system, windows or mac?im on chrome on a macbook and for me they have the same position
-
I'm on Mac. It happens on my Macbook with Safari, Chrome, Firefox and Opera. It happens sometimes (but not all times) with the same browsers on my Mac Studio. It does not happen on iPad.
Did you just click the links from here? Then you won't see the problem. It only shows when navigating inside my site (for example between homepage and a project).
Here's a screen recording: https://dagmarschwelle.com/burger.mov
-
ah i understand now, thanks for the clarifications!
could you update lay theme now and see if its fixed?
-
thanks a lot @arminunruh! Now there is a barely visible jump in the opposite direction, nothing I would worry about, for me it is ok like that. But only for you to know if that's of interest for your code.
-
yea i see. i checked my code, i think thats as good as i can make it work :O
-
it is good enough. in a good way. Thanks @arminunruh
I also code custom websites or custom Lay features.
šæ Email me here: šæ
info@laytheme.com
Before you post:
- When using a WordPress Cache plugin, disable it or clear your cache.
- Update Lay Theme and all Lay Theme Addons
- Disable all Plugins
- Go to Lay Options ā Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"
This often solves issues you might run into
When you post:
- Post a link to where the problem is
- Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
- If the problem is difficult to explain, post screenshots / link to a video to explain it