Blask: Centre logo and tagline on mobile devices

• 

  alexvardymeers · Member · Jul 4, 2019 at 1:48 pm

  • Copy link
  • Add topic to favorites

  Hey there,

  Just need some help with CSS to centre the logo and tagline on mobile devices for the following website: http://www.alexvardymeers.com. I’m using the Blask theme.

  Would really appreciate some help, have been trawling the forums for hours!!

  Thanks,

  Sarah

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

• 

  khushbudesaiblog · Member · Jul 5, 2019 at 5:47 am

  • Copy link

  hi @alexvardymeers,

  PLEASE PUT BELOW CSS IN TO MY SITES > CUSTOMISE > ADDITIONAL CSS

  It will only change the look of the mobile view where screen size is maximum 520px. you can change width size.

  @media screen and (max-width:520px){
  p.site-description {
  text-align: center;
  }
  }

  Let me know if it works.
  
  @media screen and (max-width:520px){
  .site-logo-link img {
  display:block;
  margin-left:auto;
  margin-right:auto;
  }
  }

• 

  alexvardymeers · Member · Jul 5, 2019 at 7:25 pm

  • Copy link

  Thank you so much, it worked fine.

  You saved me hours of messing around, really appreciate the help!

• 

  khushbudesaiblog · Member · Jul 6, 2019 at 1:27 am

  • Copy link

  I’m glad it worked