Feature image getting cut on mobile phones

• 

  taapsir · Member · Jul 15, 2015 at 6:57 pm

  • Copy link
  • Add topic to favorites

  Hi, my featured image on each page in the Goran theme is getting severely chopped when I view my website (taapsiramchandani.com) on a cellphone. Alternatively, the menu and breadcrumbs headers are really big. Any help through CSS would be appreciated.

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

• 

  thesacredpath · Member · Jul 16, 2015 at 6:07 pm

  • Copy link

  Hi there, the following CSS will give you more visible header. The top menu height is designed so that it is easily tapped in touch devices such as phones and tablets.

  .hero-image .hero {
      min-height: 200px;
  }

  See what you think with the above on your phone.

• 

  taapsir · Member · Jul 16, 2015 at 9:14 pm

  • Copy link

  You. Are. Amazing.
  This works!

• 

  thesacredpath · Member · Jul 16, 2015 at 10:45 pm

  • Copy link

  Hooray, thanks, and you are welcome.

• 

  taapsir · Member · Jul 30, 2015 at 2:09 pm

  • Copy link

  Hi again, the sacredpath,
  I had a question about my website front page. Should I create a new thread for that? Thanks!

• 

  thesacredpath · Member · Jul 30, 2015 at 11:10 pm

  • Copy link

  @taapsir, yes, if you could that would be great. Thanks.