Center Logo on Mobile view in Blask Theme

• 

  zmyd8fsatw · Member · Apr 10, 2021 at 5:57 pm

  • Copy link
  • Add topic to favorites

  I’m using the Blask theme and want to center the logo on the mobile and table views only. How do I do this?

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

• 

  aleone89 · Staff · Apr 11, 2021 at 1:22 pm

  • Copy link

  Hello there,

  This can be achieved with this CSS, which can be added via Customize > CSS.

  
  /* Center align logo */
  
  header#masthead {
      text-align: center;
  }
  
  ul#primary-menu {
      text-align: left;
  }
  
  p.site-description {
      text-align: left;
  }
  
  

  If you wish for the header in its entirety (menu and site description) to also be center aligned, there would be no need to add:

  
  ul#primary-menu {
      text-align: left;
  }
  
  p.site-description {
      text-align: left;
  }
  

  I hope this helps.

• 

  zmyd8fsatw · Member · Apr 11, 2021 at 9:26 pm

  • Copy link

  That worked! Thanks so much for your help.