-
Hi there,
there is still a thin white line over a form. This is only on mobile. I already doublechecked this with margin and either with padding to set it -1px. Does not work.
Screenshot: https://i.postimg.cc/VkMnP2jv/IMG-5905.png
https://buntekuh-keramik.de/Please help.
Regards
Marco -
Hi Marco,
I do not see the
marginbeing set to -1px for either the container or the shape block.And just so you know, negative values are invalid for
padding. -
Hi Ying,
unfortunately, this is not the case. I set the -1px in the form on the top. Please see here – either on desktop and on mobile responsivness. This does not work.
https://prnt.sc/Q-U0EC6PCnOa
https://prnt.sc/JuZepSK73DroWanna look into my site direktly?
Regards
Marco -
Hi Marco,
The thin line is coming from the shape divider’s background color.
Select the Shape block (.gb-shape-46e23945), switch to Mobile breakpoint then set Background Color to transparent or reduce its opacity to 0%.
Please leave the shape’s green Color unchanged. Set the background explicitly to transparent, as clearing the mobile value would inherit the desktop background.
-
This does not work… as the next section is set to a specific background color.
Please see on your own. thnx -
The transparent color was set on the wrong Container. I’ve fixed that, so it should be okay now.
-
Thank you very much Alvind!
You are right when speaking of standard break points. If the browser is not set to full view, instead a bit less, there is still the white line…
Please have a look: https://prnt.sc/KotLdSBh9MVF -
Hello,
- Select the section container that comes before the container with the shape.
- Set its
z-index: 1.
-
This does not work. Set it as you told me – now the thin line is visible again.
https://prnt.sc/pLDdSGIqM2rJ -
Hello,
I am not seeing the line in the front end. Can you check the front end and send a screenshot so I can see the issue?
-
At this place i cannot see it either on mobile. Seems to be fixed. Thx
But now its on another Place, section below
-
I do not see the line on my phone.
But try to select container .gb-element-5e69242a and set its
margin-topto-1px. -
Still there and do not know how to fix it: https://prnt.sc/8JqO0N0EEUtW
Can you go into my site an fix it please?
Best
Marco -
I changed the Shape’s SVG color to solid
#9fa69a, which matches the bottom of the section above. The SVG still had its own semi-transparent color overriding the color set on the Shape block.The Shape background is transparent, the previous container’s Z-index is cleared, and the -1px top margin is retained.
I’ve already applied and saved this on your site, then checked it at mobile and desktop widths. The thin line no longer appears in those checks.
-
Alvind: Now its perfect. Thank you very much for your great support.
I close the ticket now.
Best
Marco -
You’re welcome, glad to hear that!
- You must be logged in to reply to this topic.