mobile site title

  • i am having an issue with mobile site –

    i added this code because the page was offset on iPhone :

    html,
    body{
    overflow-x: hidden;
    }

    however my page title is long and it is running off page. i can’t seem to fix it as i do not see where to change font size on mobile only?

    here is the site https://fingerlakeshomevaluations.com

    • This topic was modified 8 years, 2 months ago by CashOff.
Viewing 5 replies - 1 through 5 (of 5 total)

  • Hello there,

    Thank you for reaching out to us here.

    Could you please try to apply the following CSS code through the Simple Custom CSS plugin or child theme’s style.css? 

    @media only screen and (max-width:479px){
  
  .site-title{
    font-size: 17px !important;
  }
  
}

    Regards,
    Kharis

    Thread Starter CashOff

    (@cashoffs)

    kharis – thx for very much! i was close but i had the width too large and it wasn’t working on the small screen!

    i was able to get rid of the red background and also the mobile menu button on my desktop using the following

    .site-info.container {
    display: none;
    }
    .page header.entry-header {
    display: none;
    }

    however that does not seem to work when i add the @media only ………

    how do u do figure out the css changes when you are looking at the mobile version ?

    Hello there,

    Please try using the media rule properly. You might be interested to study about it here https://www.w3schools.com/cssref/css3_pr_mediaquery.asp

    Make sure a group of custom CSS code you applied is error free. You can validate it by using this tool before saving.

    I hope this reply helps.

    Regards,
    Kharis

    for some reason this code isnt working on mine…

    Hello @dakotadearborn,

    Please make sure the group of CSS code you added is error free. The easiest way to check is by using this tool.

    Regards,
    Kharis

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘mobile site title’ is closed to new replies.