Remove Indent in Yoko Theme

• 

  tikitorch71 · Member · Jul 12, 2016 at 4:16 am

  • Copy link
  • Add topic to favorites

  My header navigation is indented, but I’d like to remove that indent. The Site title and tag line were there, but I’ve hidden them. How can I change this?

  Thanks,
  Alan

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

• 

  thesacredpath · Member · Jul 12, 2016 at 4:55 am

  • Copy link

  Hi Alan, see what you think with this custom CSS.

  @media screen and (min-width: 621px) {
    #branding #mainnav {
      max-width: 100%;
      text-align: center;
      width: 100%;
    }
    #branding #mainnav ul {
      display: inline-block;
    }
  }

  I’ve used a Media Query to limit the change to 621px and wider screens/windows. Below that the touch device menu activates and this change may cause issues with it.

• 

  tikitorch71 · Member · Jul 12, 2016 at 5:26 am

  • Copy link

  Nice! That looks MUCH better… @thesacredpath, Thanks for your help!

• 

  thesacredpath · Member · Jul 12, 2016 at 7:25 am

  • Copy link

  Awesome, and you are welcome!