Stratford (Varia) Theme – Menu Button Over Title

• 

  calebwatsonnz · Member · Jun 17, 2023 at 10:07 pm

  • Copy link
  • Add topic to favorites

  Good morning from NZ, team.

  I am using the Stratford theme, child them of Varia, on https://easternbayscommunitypatrol.org.nz/. I am getting on well with the exception of the menu button on mobile.

  When in smaller responsive/mobile screen sizes, the menu button is on top of the site title text. Is there any padding or other option to stop this occurring?

  

  Thank you!
  Caleb

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

• 

  staff-95percentghost · Staff · Jun 19, 2023 at 5:55 am

  • Copy link

  Hi Caleb, it seems like this is happening because of a couple of things: how the Stratford theme is set up to show the header and menu button on mobile, and the length of the site title.

  There isn’t directly an option to change the padding for it, but if you have the chance to add some custom CSS to your site then perhaps the following will sort it out for you without needing to make any further changes:

  @media only screen and (max-width: 559px) {
  p.site-title {
      max-width: 80%;
  }
  }