Microsoft Edge – Breadcrumb cut off after scrolling up

[clark_lai]

In an early post, I had wanted to make the top bar and nav sticky on all pages. I was given the CSS code below to add to my style.css file in my child theme.

@media (min-width: 990px) {

.header-color.social-header { position: fixed; width: 100% !important; }

.navbar-transparent.on-light-bg .navbar .kleo-main-header.header-scrolled { margin-top: 34px !important; }

.kleo-main-header.header-normal { margin-top: 34px !important; }

}

Now, on any page with breadcrumb/title enabled, it loads fine, but if someone were to scroll down, then scroll to the top again, the top of the breadcrumb is cut off. From what I’ve tested, this only occurs on Microsoft Edge.

I have attached a picture showing the problem.

Attachments:

You must be logged in to view attached files.

[Laura]

Hello, seems to work fine for me, picture attached

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

Attachments:

You must be logged in to view attached files.

[Author]

Posts