Overflow: scroll not working on PRO header

Support
#1

Hello! I have a container in the header that doesn’t scroll like it should on mobile. I added the overflow rule: scroll; to the container. Where did I go wrong?

#2

Hi @dcheese,

By withdrawing the post, I believe you already have resolved the issue. If the issue still existed, you can let us know.

Thanks

1 Like
#3

Hello, the issue is not resolved :sweat_smile:
Can you help me please?

#4

Hi @dcheese,

We have gone through your website and the explained issue is not found, the pink Hamburger menu works fine on mobile devices. Can you please please provide any screenshot marked with the issue or any video that help us to recognize the problem.

If you are having this issue with any specific devices, please mention the name of the device along with the operating system and the version. It helps us to replicate the issue at our end.

Thanks

#5

The issue is on the pink bar, on the breadcrumbs. As you can see, from mobile, I can’t reach the end of the container.

#6

Hi @dcheese.

Add this code in X/Pro --> Theme options -> CSS to scroll the breadcrumb on mobile.

@media(max-width:767px){
.scroll .x-crumbs-list{
flex-flow: inherit;
}
.scroll.x-bar-container{
width: 100%;
height: 100%;
overflow-x: scroll;
overflow-y: hidden;
} }

b
b428×725 35.8 KB

The purpose of providing the custom CSS 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.

Hope it helps.
Thanks

1 Like
#7

Great! Thank you!

#8

Hi @dcheese,

Glad to help you. Have a nice day.

Thanks

1 Like