Need to use CSS to edit the mobile version

• 

  mythichometheater · Member · Aug 18, 2016 at 1:03 am

  • Copy link
  • Add topic to favorites

  I need help adjusting my CSS on the mobile version so my heading photo doesn’t overlap the bar with the logo at top.

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

• 

  hallluke · Member · Aug 18, 2016 at 3:44 pm

  • Copy link

  This should expand the section that the image fills on all screens. Try it out and check a few different devices and screen sizes to make sure nothing else is messed up by it:

  body.hero-image .hero,
  body[class*="front-page"] .hero {
    padding: 140px 24px;
  }