Unable to eliminate header
I have a video that plays automatically at the top of the page, and the video background is the same as the page so it blends in and floats. The problem is that I've made the header as small as possible, but there is still a thin black line that stretches across above the video. This obviously has something to do with the header -- is there a way to eliminate the header completely to avoid this line showing? I've gone into styling to adjust the padding and margin, and this looks fine on the desktop, but on mobile the line still shows up.
-
Hi Del,
Thank you for reaching out to us.
To better understand the issue, could you please make a brief screencast demonstrating the issue?
I am looking forward to your reply.
Best regards,
Ariel H.0 -
Here is a screenshot that shows exactly what I'm referring to. As I said, I am only seeing the thin black line at the top on my mobile device -- not seeing this on my desktop. The page was created simply by using a video element as a block at the top:
0 -
Hi Del,
Thank you for the update.
To eliminate the thin line, you could try placing a top margin of -1 or -2 on the hero block that contains the video.
Please try this and let me know how it goes.
Best regards,
Ariel H.0 -
I tried this, at the levels you suggested as well as both extremes on the spectrum -- none of this changed the thin line from showing up on the mobile view. I tried various other settings as well, but nothing seemed to have changed the line showing up in the same place. I thought it might be a bug, so I started from scratch -- now everything looks as it should -- no line on mobile. I guess the lesson here is that sometimes it might be best to delete a block and try again from scratch.
0 -
Hi Del,
Thank you for the update.
I'm glad that you managed to sort this out.
If you need further assistance, please let us know.
Best regards,
Ariel H.0
Please sign in to leave a comment.
Comments
5 comments