Text overlapping

• 

  thedustyroseblogblog · Member · Jun 28, 2017 at 8:58 pm

  • Copy link
  • Add topic to favorites

  Hi!

  I can’t seem to find the right css code to fix this problem
  when i go on the mobile version on my website my title and slider text are overlapping.

  Is there a code i could use for that ?

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

• 

  dcoleonline · Staff · Jun 29, 2017 at 4:28 pm

  • Copy link

  Hi there,

  This CSS should help:

  @media screen and (max-width: 700px) {
      .wf-active .site-title a,
      .wf-active .fullwidth-slider .featured-slider .entry-title {
          font-size: 2.75rem;
      }
  }

  It makes the site title and slider text smaller only on screens 700px wide or less.