StudioPress

Forum navigation

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Lifeatyle Pro – Responsive Header Cutting Off

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Lifeatyle Pro – Responsive Header Cutting Off

This topic is: not resolved

Tagged: ,

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • May 12, 2014 at 9:11 pm #104834
    nathalylarter
    Member

    I can't seem to make the header on my site not cut off on iPad and iPhone. Looks fine on screen, but the graphic cuts off when looked at on phone/ipad.

    Help please 🙂

    http://diana.personayourbrand.com/
    May 13, 2014 at 3:30 pm #104973
    nerdworker
    Member

    Hi!

    You can try adding background-size: contain to .site-title a in your CSS, but you may need to use media queries to get the mobile devices to look exactly right. I think you will end up needing to tweak your min-height sizes as well.

    I hope that points you in the right direction!

    Stefanie
    nerdworker.com

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.