Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 7, 2017 at 5:19 pm #817932
    navindesigns

    Hi,
    On my homepage, I have a section called “PERMANENT INSTALLATIONS”. On desktop the font size looks great but on mobile, I would like to make those same words smaller. I have tried the following code

    QUICK CSS
    @media only screen and (max-width: 480px) {
    .homepage-permanent h1 { font-size: 16px

    For Developers: Section ID
    homepage-permanent

    However, it is not changing on mobile. What am I doing wrong? Please help

    Home

    July 7, 2017 at 7:09 pm #817973
    Jordan Shannon

    Hey navindesigns,

    Use this instead:

    	@media only screen and (max-width: 767px) {
#homepage-permanent h1 { font-size: 16px!important;}
}

    homepage-permanent is an id(#) not a class.

    Best regards,
    Jordan Shannon

    July 7, 2017 at 8:06 pm #817993
    navindesigns

    Ah that you so much! that works

    July 7, 2017 at 8:10 pm #817996
    Sarah

    We’re glad that Jordan was able to help! :) If you have any other questions or issues, feel free to post them here on the forum and we will try our best to assist you.

    Thank you for using Enfold.

    Cheers!
    Sarah

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Make H1 font smaller in just one location’ is closed to new replies.