Topic: Move right sidebar menu below right sidebar header widget

marclevesque
May 7, 2024 at 4:22 pm

Hi,

How can I move the right sidebar menu below the right sidebar header widget?

In effect, I want my site title to end up in the right sidebar above the menu (and then I’d like to remove the current site title that’s at the top of the page).

https://notice52.com/

Thanks!
Alvind
May 8, 2024 at 12:46 am

Hi there,

You should be able to adjust the sidebar widget under Appearance > Widgets.
marclevesque
May 8, 2024 at 6:52 am

Hi Alvind,

My menu doesn’t show up there. After I moved the menu to the right side bar I can’t see it under Widgets > Right sidebar, and all widgets I add to the sidebar are added below it.
Leo
May 8, 2024 at 11:36 am
That is correct – setting the Navigation Location to Right sidebar does not make it a widget.

Try this CSS to change the order:
```
.sidebar .inside-right-sidebar {
    display: flex;
    flex-direction: column-reverse;
}
```
Learn how to add CSS: https://docs.generatepress.com/article/adding-css/

Let me know if this helps 🙂
marclevesque
May 9, 2024 at 4:56 pm

Hi,

This works but I’d like to have the possibility of adding other widgets like a search box after the navigation menu.

I there another way to get some text above the navigation menu?

Thanks

Alvind

May 9, 2024 at 6:30 pm

You can give this CSS a shot:

.gen-sidebar-nav:before {
   content: "Notice 52";
   font-size: 35px;
}

marclevesque
May 12, 2024 at 8:55 am

Hi Alvind,

That’s good too.

When I add padding, top and bottom work but they don’t have an effect on spacing. Is there another way to affect spacing?

Also, when I add background color, left padding works and affects spacing from the sidebar edge, and right padding works too but the padding’s right edge doesn’t follow the dynamic sidebar width, is it possible to have it follow?

Sorry I’m new to this, thanks for your help.

Marc
Ying
May 13, 2024 at 9:11 am
When I add padding, top and bottom work but they don’t have an effect on spacing

Sorry, what do you mean by spacing? Do you mean the left/right padding?

If so, it should work for the :before pseudo-element as well. I took a screenshot, as you can see the left/right paddings are applied.
https://app.screencast.com/7L5W9SAH6lb1d

is it possible to have it follow?

Yes, you need to make it display:block.

So change your CSS to this:
```
.gen-sidebar-nav:before {
    content: "Notice 52";
    font-size: 35px;
    padding-top: 0px;
    padding-right: 25px;
    padding-bottom: 25px;
    padding-left: 18px;
    background-color: lightgray;
    display: block;
}
```
marclevesque
May 14, 2024 at 7:45 am

Thanks!

Adding display:block fixed both issues: 1) the background color filled the sidebar width and 2) the top and bottom paddings started to affect top and bottom spacing (before the padding was just “bleeding” on top above the sidebar and below onto the nav menu).
Ying
May 14, 2024 at 1:10 pm

You are welcome 🙂

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.

Are you a GenerateCustomer?

Just browsing?

Move right sidebar menu below right sidebar header widget