Tagged: sidebar
Hi,
I need to display a custom menu in the sidebar on a page. Because, I have to use a colour section in the page as well therefore, it is getting pushed at the end of the page. So, I am now trying to use sidebar as a widget by placing it in a column but the styling is getting completely ruined. (The colors of the menu items have changed to black and the child elements are not indenting properly).
Can you please suggest some fix?
Hey zain,
Can you please send is the info for the WP-admin so we may investigate further?
Best regards,
Jordan Shannon
Hi Jordan,
Thanks for the quick reply. Please find the credentials
Hi,
I added the following block to quick css so that it matched the other widget in the footer. Let me know if this is okay.
#nav_menu-4.widget.clearfix.widget_nav_menu{
width:300px !important;
}
#top .content .flex_column .widget_nav_menu li{
border:none !important;
margin-left:10px !important;
}
#top .content .flex_column .widget_nav_menu li a{
padding:0.5em 10px !important;
border:none; !important;
}
#top .content .flex_column .widget_nav_menu li:first-child {
border-top-style: none !important;
border-top-width: none !important;
}
Best regards,
Jordan Shannon
Hi Thanks for the help, the following code works fine :-)
#nav_menu-4.widget.clearfix.widget_nav_menu{
width:300px !important;
}
#top .content .flex_column .widget_nav_menu li{ border:none !important; margin-left:10px !important; }
#top .content .flex_column .widget_nav_menu li a{ padding:0.5em 10px !important; border:none; !important; }
#top .content .flex_column .widget_nav_menu li:first-child {
border-top-style: none !important;
border-top-width: none !important;
}