Space in pages

• 

  namnamslemmestad · Member · Jul 7, 2017 at 12:16 pm

  • Copy link
  • Add topic to favorites

  How do I change the amount of space between the picture I have posted on my pages for my menu and the yellow line thingy. On pc this looks ok, but on phone it kinda fucks up.

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

• 

  julsyd · Member · Jul 7, 2017 at 2:59 pm

  • Copy link

  What exactly do you want to change on mobile? The header and menu look correct to me when I view namnamslemmestad.com on an iPhone.

• 

  thesacredpath · Member · Jul 7, 2017 at 11:01 pm

  • Copy link

  Hi, are you talking about on pages such as Pizza and the space between the yellow circle/line and image? If so, add the following to your custom CSS. I’ve also tightened up the spacing between the menu items and the title. You can adjust the values as desired.

  @media screen and (max-width: 960px) {
    .is-singular:not(.home):not(.single-format-image) .entry-inner {
      margin-top: 40px;
    }
    .page.has-post-thumbnail.is-singular:not(.home):not(.single-format-image):not(.page-template-eventbrite-index) .entry-header {
      padding-bottom: 40px;
    }
  }