Strange behavior using latest WP + latest BeTheme under Safari

web4people · September 2015

Hi!

For some reason, and only on one of the 2 sites I created using BeTheme, I've the sticky menu out of the browser window, for half of it's length.

It's not centered anymore.

It happens just when I scroll down. And only using Safari.

Any clue?

Albert · September 2015

Hi,

the screenshot you tried to sent, does not work. Please send us proper screenshot and also provide url to page where it does not work.

web4people · September 2015

the site is www.ocean.it

With Safari (Yosemite) scrolling down don't keep the sticky centered

web4people · September 2015

I'm updating to latest betheme right now... crossed fingers!

web4people · September 2015

still broken

Really strange...

ilyanam · September 2015

Hello.

I have similar problem.

To make it work in my Ipad with safari, I have to add this media querie.

@media only screen and (max-width: 1239px)

{

#Top_bar.is-sticky

{

position: fixed !important;

}

But if I add it, then the sticky header doesn't work in the Ipad.

Either way, in my desktop, it does work perfectly.

Thanks in advance.

ilyanam · September 2015

I'm testing your own examples and they don't seem to work neither in my Ipad using Safari.

Albert · September 2015

Below css, should do the trick:

.layout-boxed.header-boxed #Top_bar.is-sticky { -webkit-transform: translateX(-50%); }

ilyanam · September 2015

I think now it's working fine.

I added this :

#Top_bar.is-sticky

{

position: fixed;

width: 100%;

}

Thank you anyway.

Albert · September 2015

If your code works fine, then great but the code we gave you above, we tested on our side and it works properly as well.

web4people · September 2015

thank you guys! It works

Comments