Help Blask theme CSS header/menu

• 

  alicepruvost · Member · Sep 27, 2015 at 11:53 am

  • Copy link
  • Add topic to favorites

  Hello,
  I’m using the Blask theme and I can’t find any help in order to change the header menu, is it possible to put the header on the top center of the screen ? and also put the menu bar just under the header, in line ?

  Thanks,
  Alice

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

• 

  thesacredpath · Member · Sep 28, 2015 at 8:14 pm

  • Copy link

  Hi, you can give the following a try and see what you think. I’ve used a Media Query to limit this change to screen/window widths of 768px and wider. Below that point the touch device menu activates and this change would cause problems for touch devices.

  @media screen and (min-width: 768px) {
  .site-header {
     padding-left: 40px;
     position: static;
     width: 100%;
  }
  .site-branding, .site-description, .main-navigation, .social-links {
     height: auto;
     width: auto;
  }
  .main-navigation {
     text-align: center;
  }
  .main-navigation ul {
     display: inline-flex;
  }
  .main-navigation ul li a {
     font-size: 130%;
     padding-right: 20px;
  }
  .site-logo-link {
     text-align: center;
     display: block
  }
  .site-content {
     margin-left: auto;
     margin-right: auto;
  }
  }