-
Posts
-
Hi there,
I have extensively custom edited enfold for our companies website and I must have done something in the custom css that is affecting the sidebar menu on the left. On large screens its scrolls with the page (is sticky), as it should, but on smaller screens/monitor it stays fixed and disappears out of sight as you scroll down.
If this is out of support scope let me know but I am trying to figure out something I can do to force that sidebar to stay fixed until tablet size or if you are able to locate what I have done in the css to cause this error to happen.
I can give access to the site if need be.
Hey Bcunningham,
Thank you for using Enfold.
I can’t reproduce the issue on my end. What is the screen resolution of the monitor? Could you please provide a screenshot of the issue? One thing that you can do is to trace back the css modifications added for the sidebar. Remove everything and then add the css declarations one at a time to find the issue.
Best regards,
IsmaelI have 4 monitors I am looking at the site on.
One is an iMac 27 inch : 2560 x 1440 pixel <– the whole menu fits and it is sticky as I want it*
One is a secondary monitor which is quite a bit smaller I think it’s around 1600×900 pixel *guesstimating* <– menu does not stick and scrolls
Then I have Macbook air which I believe is: 1440 x 900 pixel <– menu does not stick and scrolls
We have 2 tablets in our office and one scrolls and one is sticky.I don’t really know where to start in turning on and turning off custom styles to locate the issue as I can’t recall making any adjustments to the standard left-hand side menu that enfold comes with. Almost all my styles have been on page content.
Any assistance is appreciated – I know it’s a biggie.
Edit: We did edit the menu on tablet portrait to sit at the top as the left hand side menu did not look very nice in this size and orientation.
Could this be causing the non-stick behavior even if I set it to only work at portrait tablet size using @media?Sorry to post again but it’s relating to the same site.
I am having a hard time telling fixed background images in colour sections to sit in a different position across different screen sizes using @media.
I have found a few bits of custom css through this forum but can’t seem to get any to work on this particular website. If anything comes to mind on this too would be great.Hi,
please use different tickets for different questions.
You need to find out which of your custom code is causing this issue. Then you need to work with media queries, to adjust it as needed for different screen sizes: https://css-tricks.com/snippets/css/media-queries-for-standard-devices/
If you need help with this kind of customization feel free to hire someone for this job here: http://kriesi.at/contact/customization
Best regards,
AndyOk SO I found the answer for anyone else who may need it.
IF the sidebar menu does not fit within the browser you are using then it no longer stays ‘sticky’
So I had to go and tell the elements in my sidebar menu to be a certain max size using @media depending on the screen size. It will now stay ‘sticky’ on various devices and monitors :)This topic can be closed.
Hi,
glad you could fix it and thanks for sharing.
Let us know in a new ticket if you have some more questions related to the theme. We are happy to assist you.Best regards,
AndyHello.
I have the same problem. It stops to be sticky when the menu is too big. It looks like it doesn’t resize.
Hi,
@PonzioPilato: We’ll close this thread now. Please open your own ticket and post the necessary details (site url, login details etc) in the private field. Thank you.Best regards,
Ismael
- The topic ‘Sidebar Menu Not Staying FIxed’ is closed to new replies.