Footer Widget: Navbar

Hello! I’m trying to get a clean-looking navbar in the footer and have gotten everything good except for the bottom white line (none of my border settings are getting rid of it) and the arrows to the left of each menu item.

Thanks!

Hey @ThatNerdyKev,

Please provide the URL where we can see that part in your page so we can check the underlying setup and so we can suggest a solution specific to the setup.

Thanks.

Hey @christian! sorry for the delay! The footer of https://avatarstateradio.com/

Hello @ThatNerdyKev,

I would suggest you please add this custom CSS code to the Global CSS.

footer.x-colophon.top .widget.widget_nav_menu ul {
    border-bottom: none;
}

The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector or you subscribe to One where customization questions are answered.

Hope it helps.
Thanks

Thanks for the help (I still have the arrows to the left of each menu item)! I appreciate going above and beyond, I didn’t realize this had changed as this kind of help has been supported in years past. Have a wonderful weekend!

Hello @ThatNerdyKev,

To get rid of the icon I would suggest you please add this custom CSS code to the Global CSS.

.widget_nav_menu .x-framework-icon, .widget_nav_menu .x-framework-icon-menu{display:none;}

The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.In case you have no idea about coding you can subscribe to One where customization questions are answered.

Hope it helps.
Thanks

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.