Header on Mobile

  • Author
    Posts
  • #138765

    lrsarbu
    Member

    Hi,
    My page title (Rogue Bellydance) sits right on my face on mobile – how can I fix that? http://www.roguebellydance.com

    Thanks,
    Luiza

    The blog I need help with is roguebellydance.com.

    #139024

    itsdavidmorgan
    Theme Author

    Hi Luiza,

    Try adding the following style within the Additional CSS section of the Customizer:

    @media screen and (max-width: 767px) {
      #masthead {
        padding-top: 12px;
      }
    }

    This code should move the title up enough so that it’s not on top of your face in mobile.

    Let us know if there is anything else.

    Thanks!

    #139096

    lrsarbu
    Member

    Hi, Thanks for your help! Right now the title is right above my arms – could you please move it so it’s down by my hips instead? Thank you!

    #139126

    emilysuesrq
    Theme Author

    Try changing the “padding-top” number to 275px instead.

    #139152

    lrsarbu
    Member

    Hmm, that didn’t work, the title is still up top…

    #139166

    lrsarbu
    Member

    Please disregard the previous message. So that did move the title down, but can we move it a little more? I tried changing the padding # and it didn’t work…

    In addition:

    – too much white space between the “Dance is an act of rebellion and header image
    – there’s now a dark tint over the header

    #139378

    itsdavidmorgan
    Theme Author

    Hello,

    It appears you switched themes, so we will mark this topic as resolved.

    Thanks!

The topic ‘Header on Mobile’ is closed to new replies.