No reply?
Is there no solution for my questions?
Hi @mominet,
Sorry for the delay. I actually feel it may work best for you to create a “make-shift” sidebar. You can do this using the Row Layout block. Create a multi-column row and a right-most column that is longer. Then all your other content on the left. Then you can use the section block to give your sidebar content a background and design. Does this make sense? You can also adjust the column layout specific to mobile. Let me know if this works for you. If not, I would be happy to write up some css to style this as you’re wanting.
Kindly,
Hannah
Hi @hannahritner
and thanks for the reply.
That of a “make-shift” sidebar was the idea that I had too and in fact I think I will implement it for the Home Page, but the site has more than 100 pages and in some I will need the sidebar, so it would be a nice job going to review them all (it’s a change of theme and I’m also switching to Kadence this other site that I developed a long time ago with another theme).
I thought about changing the background with a vertical white line that would “simulate” filling the space between the content box and the sidebar. Sure it’s not a very professional solution 🙂 but it could make me reach the goal 🙂
And if there was another solution to fill that space or hide or give a better look to the sidebar on mobile …. any advice is welcome 🙂
Hello @mominet,
Some settings might help you with the box spacing. Navigate to Appearance > Customize > General Layout and find the Single Post Boxed settings to adjust the spacing. See if these settings help with the
Using the free Kadence theme, you may have to resort to CSS to hide the sidebar on specific pages. However, the premium Kadence theme has options to replace sidebars on targeted pages.
Hi,
with the spacing I can fill the space a little more but the blue void of the background always remains.
I had found a solution by drawing a white stripe on the background, but then obviously setting the background as the cover, depending on the length of the page this adapts and doesn’t stay in the same axis for all pages.
If I set it fixed and not scrolling, the strip created does not adapt according to the page but the total background adapts according to the screen and therefore I risk having a wrong view on some screens.
I know the white stripe isn’t the best solution, but I feel I’m close to a good solution 🙂
Solutions to fill the void are welcome 🙂
For the sidebar I should possibly hide it only on mobile, it will be present in practically all the pages but let’s say that at the moment this is not the most important thing.
Let’s say that to complete the layout I had in mind I should just fill that strip with white and finally I will be able to pass this site to Kadence too 🙂
Hi there!
For us to better understand what your current sidebar looks currently, could you send us a page URL? This will also let us better give a solution (most probably using a custom CSS code).
Let us know how we can help you further with this.
Kind regards,
Karla
The site is in a development space, but at this link:
LINK
there is a clone even if much more “work in progress”, but in this page you can see well what I mean when I say “fill the space with white” 🙂 between the sidebar and the content box in so that it looks like a whole body
Tks
Hello @mominet
Could you check if the following CSS works for you? The CSS should remove the gap between the sidebar and the content.
@media screen and (min-width: 1025px) {
.has-sidebar .content-container {
grid-gap: unset;
}
}
Great! Works!
Thanks @ghernkadence
Now finally Kadence can become my theme also on this site that I love very much 🙂
