Vertical black line in menu error

[Holohugo]

Hello. Im using PS 1.6.1.13, Warehouse theme.

For approx half a year, there is black vertical line in push menu on mobiles. What is wierd it is on the mobiles only. Ios and Android, all kinds of browsers. Some phones are not showing it, i was unable to find out why. Im absolutely unable to recreate this error on PC, and inspect the element to find out what is causing that, its exclusive only for mobiles. I search thru all the files asociated with the menu, but i cant find anything. 

Is there anyone who could recreate it on the PC, or somehow inspect the element to tell me what is that? I can then easily hide it or make it transparent.

Would be eternaly gratefull if someone can help me with this  Thank you

[Edzha_LV]

I have same problem! Warehouse theme. Presta 1.6
 

 

Edited August 31, 2020 by Edzha_LV (see edit history)

[Holohugo]

Im sorry to say, but up until now, i was unable to fix it or find what that is. Its impossible to recreate this error anywhere where i can inspect it and it just pops out of nowhere on random devices. If you figure that out, let me please know

[Tomin]

https://medium.com/@andrea.verlicchi/inset-box-shadow-rendering-bug-on-safari-ios-13-4-6bf4256a1ee0

It's safari bug.

Put in custom css in theme editor

 

#cbp-close-mobile, .cbp-spmenu, #iqitmegamenu-accordion.cbp-spmenu li a:hover, #iqitmegamenu-accordion.cbp-spmenu > li ul{
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
 
}
.cbp-spmenu-push-toright #page{
    box-shadow: 0px 6px 30px 0px rgba(8, 0, 0, 0.38);
    z-index: 5103;
    position: relative;
}
 
.cbp-spmenu-overlay{
  z-index: 5104;
  left: 240px;
}

Kā bizness, Edža?

Edited August 31, 2020 by Tomin (see edit history)

[Edzha_LV]

Liels paldies par info! Iet jau, bet vienmēr var labāk. Negaidīti, ka lv valoda šeit 😂

[Tomin]

Tev paveicās, es te reizi mēnesī ienāku pēdējos topicus apskatīt.

 

bet vispār laiks uz 1.7 pārsēsties

Edited August 31, 2020 by Tomin (see edit history)

[Holohugo]

2 hours ago, Tomin said:

https://medium.com/@andrea.verlicchi/inset-box-shadow-rendering-bug-on-safari-ios-13-4-6bf4256a1ee0

It's safari bug.

Put in custom css in theme editor

 

#cbp-close-mobile, .cbp-spmenu, #iqitmegamenu-accordion.cbp-spmenu li a:hover, #iqitmegamenu-accordion.cbp-spmenu > li ul{
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
 
}
.cbp-spmenu-push-toright #page{
    box-shadow: 0px 6px 30px 0px rgba(8, 0, 0, 0.38);
    z-index: 5103;
    position: relative;
}
 
.cbp-spmenu-overlay{
  z-index: 5104;
  left: 240px;
}

Kā bizness, Edža?

I love you! Thank you, wasnt able to figure this out for a long time! Thank you!

[Artx]

On 8/31/2020 at 10:38 PM, Tomin said:

https://medium.com/@andrea.verlicchi/inset-box-shadow-rendering-bug-on-safari-ios-13-4-6bf4256a1ee0

It's safari bug.

Put in custom css in theme editor

Paldies Uldi!