[Resolved] Remove bottom bar from horizontal scroll menu

[Dmitrii]

I setup horizontal scrolling on mobile for my menu and breadcrumbs (see attached photos).

Is there a way to remove the underline bar that appears when you scroll?

[Fernando]

Hi Dmitrii,

Try adding this in Appearance > Customize > Additional CSS:

.bsui .nav-tabs::-webkit-scrollbar, .rank-math-breadcrumb::-webkit-scrollbar {
    display: none;
}

.bsui .nav-tabs, .rank-math-breadcrumb {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

[Dmitrii]

Worked perfectly, thanks!

[Fernando]

You’re welcome Dmitrii!

[Author]

Posts