Docs

[juliengunt]

Hello there,

I have two issues with the siedebar on my blog right now. I used the code suggested in this previous post https://community.theme.co/forums/topic/fixednon-scrolling-sidebarwidgets/ which worked out pretty well, but when I view my site http://luzides-träumen-lernen.org/anleitung-klartraeumen-schnell/ on mobile, the sidebar is still showing over the regular text which I really want to avoid. I tried to find a piece of code to fix this but wasn’t really successful with that.

Also I’m planning to put multiple pictures in the sidebar later on, but I only want the last one at the bottom to have a fixed position on the screen while the others are static. How can I make it happen that only when you scroll down the site that the last picture is fixed on the screen? Can you provide me with a solution for that or do I have to open up a new topic as soon as I put the pictures online so you’ll see what I’m talking about?

Hope you have a nice day and I appreciate you taking the time,
Julien

[Nabeel A]

Hi Julien,

Thanks for writing in!

1. To hide the fixed sidebar in smaller devices, please add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

@media screen and (max-width: 979px) {
.x-sidebar.right {
    display: none !important;
}
}

2. Regretfully this isn’t a feature offered by X. It could be possible with custom development, but this would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities.

Thanks for understanding. Take care!

[juliengunt]

Thanks a lot, that made it work.

[Prasant Rai]

Happy to hear that. Feel free to ask us again. Have a great day! 🙂

[Author]

Posts