[Resolved] Mobile Heading Cutting Off Text

[Mark]

Hi there, I am not a coder so be kind but I can figue stuff out normally but am new to GP.

My problem is that when I have the hero image behind the menu so it goes all the way to the top with a see through header it looks great and I love that look but when I go to mobile version ( I’m using Beaver Builder) the logo and menu covers the H1 text. When I scroll down and the sticky mobile header kicks in again it looks awesome, but the menu cuts off some text when in mobile view in beaver builder.

My site (be kind) is http://markoc.design

Is there a way to make move text down in mobile view only

I have recorded a quick 30 second video to show you what I mean: https://www.screencast.com/t/bAUdxe1YV

[Leo]

Hi Mark,

Welcome to GP!

I’m not sure why the preview is showing that, perhaps because of beaver builder, but everything looks normal and nice on my phone: https://s29.postimg.org/wk9osi153/IMG_5142.png

[Mark]

Thanks for the fast reply Leo, I figured a workaround. I just duplicated the row and put a spacer above the row which moved it down and have that row show only on mobile, it looks fine like that. It was the only way I could figure it out as I’m not that great with CSS yet but I’ll get there, the work around seems to look ok tho so not a problem. Again thanks for the fast response! Cheers

[Leo]

Glad you found a solution!

[Author]

Posts