-
AuthorPosts
-
July 5, 2019 at 6:39 pm #1116073
Hi,
When I use the mobile screen, a white line appears between header and layer slider. I’ve tried to know where it appears, but I couldn’t find it. I think it is related to layer slider, but I don’t find where.
Could you help me to find out why this white line appears?
Thanks in advance,
Jordi
July 6, 2019 at 1:21 am #1116121Hey Empatica,
Thanks for the link to your site, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:@media only screen and (max-width: 320px) { #top.page-id-3653 #layerslider_2 .ls-layers .ls-wrapper.ls-in-out { margin-top: -15% !important; } } @media only screen and (min-width: 321px) and (max-width: 380px) { #top.page-id-3653 #layerslider_2 .ls-layers .ls-wrapper.ls-in-out { margin-top: -4% !important; } } @media only screen and (max-width: 770px) { #top.page-id-3653 #footer { border-color: #666666 !important; } #top.page-id-3653 #layer_slider_1 { opacity: 0.8 !important; background-color: #333333 !important; } }
Then clear your browser cache and any cache plugin, and check.
Best regards,
MikeJuly 8, 2019 at 1:00 pm #1116646Hi Mike,
I’ve tried to add this code in “General Styling > Quick CSS” and style.css of enfold child and it does’t’ work. In fact, this code is in both places.
Is there another solution?
Thanks in advance,
Jordi
July 9, 2019 at 3:11 am #1116847Hi,
Please try clearing your browser cache and check again.
When I check the white line is gone, Please see the screenshot in Private Content area.Best regards,
MikeJuly 9, 2019 at 10:03 am #1116980Hi Mike,
I’ve cleared my cache browser and I have tried with another browser and it continues appearing.
I could check that it appears about 375px and under. More or less over 375px, it doesn’t appear.
I attach you an image with the white line.
Thanks,
Jordi
July 10, 2019 at 12:07 am #1117226 -
AuthorPosts
- You must be logged in to reply to this topic.