Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1486692

    Dear support team,

    My present programming allows me to hide the top header on large views. It should only be displayed on mobile views. Therefor I found this code:

    /*phone info mobile only */
    #header_meta {
        min-height: 60px !important; 
    }
    #header_meta .phone-info {
        line-height: 60px !important; 
        font-size: 20px !important; 
    }
    
    @media only screen and (min-width: 768px) {
    #header_meta{
      display:none;
    }
    }
    

    I cannot seem to get the phone info font bigger for mobile view.

    Could you have a look please?

    Thanks,
    Stefan

    #1486709

    Hey Stefan,

    Could you post a link to where we can see the element in question please?

    Best regards,
    Rikard

    #1486711

    Sorry Rikard,
    and thanks for taking care of it.
    Best
    Stefan

    #1486734

    Hi,

    Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

    .phone-info a {
      font-size: 22px !important;
    }

    Best regards,
    Rikard

    #1486763

    Thanks Rikard,

    OMG …I forgot how important “!important” is.

    Thanks a lot.
    That was on the spot! Ticket can be closed.

    Best regards,
    Stefan

    #1486768

    Hi,

    Thanks for the update. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘on mobile onlyphone info font size’ is closed to new replies.