[Support request] legacy widgets – right side bar

[Cynthia]

I am unable to access widget content that is created in the right side bar. It is the Secondary Menu called “Services”.

It was created in 2017 so it hasn’t been updated since then….but since WP and GP have both been updated, I can’t access the existing right side bar content in order to remove the menu and add different content

When I go to widgets, right side bar widget does not display anything there.

The page where the right side bar is included below

[David]

Hi there,

in Customizer > Layout > Secondary Navigation, is the Location set to the Right Sidebar ?
If so you can change its Location, or you can go to Appearance > Menus, and edit that menu and remove the menu from the Secondary nav

[Cynthia]

Hi David

Thank you for pointing out that location field….I wasn’t aware that was there. So I was able to remove it so I could created my sidebar widgets how I preferred but I couldn’t apply the Secondary menu color and font styles to match the Secondary menu styles when added into the Right Sidebar widget….I can only apply styles to the sidebar widget itself.

I created a video showing what I mean. Shared below.

[Fernando]

Hi Cynthia,

For the WordPress Widget, you can try altering it with this CSS:

.inside-right-sidebar .widget_nav_menu {
    padding: 0;
}

.inside-right-sidebar .widget_nav_menu ul li.menu-item > a {
    color: #44b251;
    font-size: 13px;
}

.inside-right-sidebar .widget_nav_menu ul li.menu-item {
    padding: 2px 20px;
}

.inside-right-sidebar .widget_nav_menu ul li.menu-item:hover > a {
    color: #536c9e;
}

.inside-right-sidebar .widget_nav_menu ul li.menu-item:hover {
    background-color: #303030;
}

For the font, you can also create a font rule in the typography manager in the customizer. Just set the target element to Custom, and the CSS selector to .inside-right-sidebar .widget_nav_menu ul li.menu-item > a

[Cynthia]

Hi Fernando – I decided to just leave the Services Menu in the right sidebar as it is but how do I move the widget I created that says “Appliances we repair” from under the menu to above the Services Menu?

https://avappliancerepair.com/appliance-repair-services-corona/

[Fernando]

I see.

Can you try adding this in Appearance > Customize > Additional CSS:

.inside-right-sidebar .gen-sidebar-secondary-nav {
    order: 1;
}

.inside-right-sidebar {
    display: flex;
    flex-direction: column;
}

[Cynthia]

Hi Fernando – unfortunately that actually didn’t do anything :/

[Ying]

Please try to remove this extra } above Fernando’s CSS.
https://www.screencast.com/t/RxXx1duk

[Author]

Posts