CSS not working

  • hi,

    i would like to have small font size for the heading for hero section and added following css but its not working

    @media only screen and (max-width: 600px) {
    .hero-content-style1 h2 {
    font-size: 30px!important;
    letter-spacing: 4px;
    } }

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • May I suggest this?

    @media screen and (min-width: 940px)
    .hero-content-style1 h2 {
    font-size: 45px !important;
    letter-spacing: 4px;
    }

    @media screen and (min-width: 720px)
    .hero-content-style1 h2 {
    font-size: 30px !important;
    letter-spacing: 3px;
    }

    I tried on your website and it works. Hope this can help ??

    Thread Starter shridsan2010

    (@shridsan2010)

    @postpablocam ok, thanks for the help, I’ll checkout

Viewing 2 replies - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.