Oxygen theme: slider font-size too big on mobiles (eg iphone)

• 

  slambpoetryslam · Member · Oct 22, 2013 at 5:20 pm

  • Copy link
  • Add topic to favorites

  Hi!

  When you open my site on a mobile phone (eg the iphone 5), you can’t read some of the headings in the slider element (sticky posts). The font size doesn’t adjust to the smaller screen and some of the text just isn’t shown anymore. The menu font size also didn’t adjust automatically and was way too big on a mobile screen, but I could solve that problem by putting this code in my css:

  .wf-active .menu-toggle {
  font-size: 1.4em;
  }

  I tried to find a solution for the slider font but so far I came up empty. Can anyone help?

  Thanks!!

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

• 

  slambpoetryslam · Member · Oct 22, 2013 at 5:55 pm

  • Copy link

  here’s a screenshot

• 

  thesacredpath · Member · Oct 23, 2013 at 12:29 am

  • Copy link

  Hi there, give the following a try which adjusts the font size down at 320px in width (iPhone size).

  @media (max-width: 320px){
  .wf-active .featured-post .entry-title a{
  font-size: .7em;
  line-height: 1.5em;}
  }

• 

  slambpoetryslam · Member · Oct 27, 2013 at 9:54 am

  • Copy link

  worked perfectly, thank you!!

• 

  thesacredpath · Member · Oct 28, 2013 at 3:32 pm

  • Copy link

  You are welcome.