2017-theme: header image in mobile view looks distorted

• 

  climbingyogawoman · Member · Sep 12, 2017 at 8:21 am

  • Copy link
  • Add topic to favorites

  Hello together,
  i need help with the header image in the mobile view. The right side of the image doesn’t show in the mobile version. I tried some different tips like:

  I turned off the separate mobile theme and select “No” next to “Enable mobile theme.”

  Even some CSS codes like:

  @media screen and ( max-width: 800px ) {
  #masthead.site-header {
  background-size: contain;
  }
  }

  and

  @media screen and ( max-width: 800px ) {
  #masthead.site-header {
  background-size: auto 100%;
  }
  }

  but unfortunately the image view doesn’t change in the correct size like on the website/desktop view.
  Any chance to get help?

  Thanks in advance,

  Rebekka

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Sep 12, 2017 at 8:59 pm

  • Copy link

  Hi, see my response in the other thread you started on this: https://en.forums.wordpress.com/topic/header-image-in-mobile-view-looks-distorted-2017-theme?replies=2#post-3015850.

  Closing this one and let’s continue discussion in the other thread.