Get 20% Off On All Our Premium WordPress Themes Bundle. Use GRACEBFCM Coupon Code For Discount Deal Upto Dec 15 Buy Now

Header area not showing well in tablet

Home Support BuildUp WordPress Theme Header area not showing well in tablet

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #6136
    Richard
    Participant

    Hello There,

    The header text is not displaying well in tablet (Vertical) mode. How do I ensure it displaying properly

    Thanks,
    Richard

    #6139
    Grace Themes
    Member

    Hi

    Go to Appearance -> Editor -> style.css
    add below css code at the end of file

    @media screen and (max-width:767px) {
    .header-top .left a { display: block !important; padding-bottom: 3px !important; }
    }
    
    @media screen and (min-width:768px) and (max-width: 980px){
    .header-top .left { width: 80% !important; }
    }

    Please do this changes and let me know your feedback.

    Regards
    Grace Themes

    #6140
    Richard
    Participant

    Hell There,

    It looks a whole lot better and how do I get the email address on the header to align with the rest of the text?

    Thanks,
    Richard

    #6146
    Grace Themes
    Member

    Hi

    Go to Appearance -> Editor -> style.css
    add below css code at the end of file

    @media screen and (min-width:768px) and (max-width: 980px){
    .header-top { font-size:12px !important; line-height:22px !important; padding-top: 5px }
    .header-top .fa { margin-right:0px !important; }
    .header-top .left { width: 100% !important; }
    }

    Please check and let me know your feedback.

    Regards
    Grace Themes

    • This reply was modified 3 years, 1 month ago by Grace Themes.
    • This reply was modified 3 years, 1 month ago by Grace Themes.
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.