Home Forums Air WordPress Theme Responsive h1 issues

This topic contains 3 replies, has 2 voices, and was last updated by  BWSM 2 months, 2 weeks ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #13318

    AmyD
    Participant

    Hi, I am having a great deal of trouble getting my text logo (not an image) and navigation responsive code to work. What code do I use to get the H1 and the menu’s font size to decrease at screen sizes less than 767? Right now on smaller screens the H1 text stays large and gets pushed out of the top header bar altogether.

    Here is what I currently have in the custom css for the H1 but it doesn’t work….

    @media (max-width: 767px){
    .responsive-ux h1 { font-size: 26px; font-size: 1.8rem; line-height: 1;
    letter-spacing: 1px;
    }
    }

    #13319

    BWSM
    Keymaster

    Hi, please try to use the custom css, use max-width 480px also.

    @media (max-width: 767px) {
    .responsive-ux h1.logo-h1 {
        font-size: 28px; 
    }
    .navi-trigger-text, #navi-header a, .header-bar-social .socialmeida-a {
        font-size: 18px;
    }
    }
    @media (max-width: 480px) {
    .responsive-ux h1.logo-h1 {
        font-size: 28px; 
    }
    .navi-trigger-text, #navi-header a, .header-bar-social .socialmeida-a {
        font-size: 18px;
    }
    }

    if still doesn’t work, leave your page url please

    Regards!

    #13330

    AmyD
    Participant
    This reply has been marked as private.
    #13333

    BWSM
    Keymaster

    please send your wp-admin(url/user/pass) via
    my profile contact form , I’ll log in to check it.

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.