Menue jumping / flickering using SP pagebuilder on linux - Forum | JoomShaper
Staff replied SP Page Builder

Menue jumping / flickering using SP pagebuilder on linux

Asked by Torsten.S 5 years ago Last activity 5 years ago

related thread can be fount here (bottom):
https://www.joomshaper.com/forum/question/2496#qa-answer-10398

So i startet with a new page. added rows only and the menu works under linux.
i added 4 empty rows. everything is alright last row i placed the image gallery. also everything is alright.

after that i placed a feature box on top of the page. and here we go, the menue jumping / flickering is back again.

maybe you wanna look at this.

EDIT: it's a screen size issue.

if i make the browser window smaler i also dont have that juming / flickering.

10 replies

Oldest first Newest first Most helpful
Torsten.S Asked this
5 years ago · edited

I made a video again:
https://mega.nz/file/yL4zgI5S#-XWDlpflDKIX0ExDj0PzXDXYYJ9RKkxeHYMlaNxpaEA

as u can see, the image changes and with that some kind of bar pops up.
i disabled the menu and only left the canvas menue, which also made no changes.

so what is (gets loaded) on top of the template .
i tryed it also with my ipad and there also is a short flicker , after that it works.

and plz dont tell me that's a server issue. thank you.

other forum users: feel free to try my testpage and let me know what u got! thank you !
do you got the same issues ? if so / if not what are u using ? OS / Browser

https://www.akasha-chronik.de/akj

thank you!

Torsten.S Asked this
5 years ago · edited

After some testing:

It only works with Windows, with Firefox , Edge

dont work on Ipad with ios 14.4, Safari, Firefox, Chrome

dont work on Ihone with ios 14.4, Safari, Firefox, Chrome

don't work on Debian Buster > Firefox, Chrome, Chromium , Brave, Konqueror

don't work on ubuntu focal > Firefox, Chrome, Chromium , Brave, Konqueror

dont' work on android 9 Tablet >Firefox , Chrome

Maybe it's the same Bug you had in the helix framework:
Sticky Header bounce issue fixed

Muntasir Sakib Staff
5 years ago

Hello Torsten,

We cannot access your site at our end. Please, give access to us so that we can check the issue. I have shared the IP address in the Hidden Content area.

Thank you!

Torsten.S Asked this
5 years ago

done

Toufiq Senior Staff
5 years ago

Add this css code inside the custom.css file. I hope maximum problem will be solved. 

.sp-megamenu-parent >li >a {
    display: inline-block;
    padding: 0 5px;
    line-height: 70px;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #493e3e;
}
.menu-fixed#sp-header {
    background-color: #fff !important;
    position: fixed !important;
    top: 0 !important;
    height: 70px;
    max-width: 1145px;
}
.menu-fixed#sp-header.has-slideshow .sp-megamenu-parent >li >a, .menu-fixed#sp-header .sp-megamenu-parent >li >a {
    line-height: 70px;
}

-Thanks

Torsten.S Asked this
5 years ago · edited

well, not sloved. now it jumps to the left instead to the right..

anyways. is there a way to replace the megamenue in your templates ? i guess this is the source of the problem.
i think "the moving block" is the placeholder for the menu and if you dont fill it up so it can work right, it moves arround.
the good thing now, it only jumps in the defined boxed content.

Torsten.S Asked this
5 years ago

With your custom css code under IOS 14.4 the boxed content only get's half displayed. The rest is cut off.

Guys, it's nice that you try to help, but it would be nice to solve the problem and don't create new ones.

Torsten.S Asked this
5 years ago · edited

Yes i know, because i am changeing the template.css right now and your custom.css

the box-sizing: border-box and so on is wrong in your css , so i just dont work right.

i already changed it, so it start's to work now .

Toufiq Senior Staff
5 years ago

Please share a screencast video about your safari browser issue. Thanks

Log in to reply.