Customize menu look and feel (sidebar widget)

Coredesk_design · September 16

hey

i want to change of the look and feel of the menu at sidebar as it cant be done as its the widget

link

i need like this below

Phil · September 16

Hi,

There is no option to adjust it like in the example you attached.

Best regards

Coredesk_design · September 16

ohk but but can i alter the appearance of the menu

Phil · September 16

You can use the following CSS code:

.widget_nav_menu .menu .menu-item{
 padding: 10px 0;
}

Put it in Betheme -> Theme options -> Custom CSS & JS -> CSS.

Best regards

Coredesk_design · November 4

perfect thanks

currently i have below ones

.widget_nav_menu .menu .menu-item {

padding: 10px 0;

color: #000000; /* Sets text color to black */

font-size: 16px; /* Sets font size to 16px */

}

.widget_nav_menu .menu .menu-item a {

color: #000000; /* Sets default link color to black */

font-size: 16px; /* Sets font size to 16px */

}

.widget_nav_menu .menu .menu-item a:hover {

color: #0085C4; /* Highlights link color on hover and for active links */

}

.widget_nav_menu .menu .menu-item a.active {

color: #0085C4; /* Highlights link color on hover and for active links */

}

Phil · November 4

Use this CSS code:

.widget_nav_menu .menu .current-menu-item a{
 color: #0085C4;
}

Best regards

Coredesk_design · November 5

thanks phil

one more thing

i have disabled the visibility on phone yet it shows on the mobile

Phil · November 5

You have two Sidebar Widget elements. One is visible on tablets and mobile, and the second on desktops and laptops.

The navigator should help you locate them both.

Best regards

Comments