[Resolved] Mobile Heading Cutting Off Text

Home Forums Support [Resolved] Mobile Heading Cutting Off Text

Home Forums Support Mobile Heading Cutting Off Text

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #287156
    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

    GP Premium 1.2.94
    #287170
    Leo
    Staff
    Customer Support

    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

    #287292
    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

    #287319
    Leo
    Staff
    Customer Support

    Glad you found a solution!

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.