Fixing Site Title to be Mobile Friendly

• 

  afractor · Member · Jun 18, 2020 at 5:39 pm

  • Copy link
  • Add topic to favorites

  Hello! I need help fixing my site title and blog titles to be mobile-friendly. I have used the CSS code below, however it is not helping the situation. Maybe the code I am using is wrong? Please help me! Thank you:)

  
  @media screen and (max-width:
  480px) {
  #frontpage-section
  .wf-active .site-title {
  font-size: 10px;
  }
  .wf-active .site-description
  {font-size: 9px;
  }
  }

  
  @media screen and (max-width:
  480px) {
  #blog-section
  .wf-active .site-title {
  font-size: 10px
  }
  }

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

• 

  staff-zinnia · Staff · Jun 18, 2020 at 8:19 pm

  • Copy link

  Hi –

  That site is hosted by worldnic.com not WordPress.com. This means that you’re set up with the open source WordPress installation. Help with that comes from https://wordpress.org/support/forums/

  Most themes are mobile friendly be default. My suggestion is to find a theme that you like the mobile display of. It’s going to save you a ton of customization work.

• 

  afractor · Member · Jun 18, 2020 at 8:47 pm

  • Copy link

  Thank you! I put my question in the WordPress.org forum.

  The theme is mobile friendly, it is just the site title that is too big on the mobile display. Do you have a suggestion on how to fix it?

  It is the last block on the front page titled “HemoTheraputics”