Site logo

Archived topic

Remove bottom bar from horizontal scroll menu

3 replies · Started by Dmitrii on October 8, 2022

Viewing posts 1–4 of 4

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?

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;
}

Worked perfectly, thanks!

You're welcome Dmitrii!

This archived topic is closed to new replies.