Limited Time Offer | Get 10% OFF on All Themes Package. Use Coupon Code GRC10 Buy Now

WordPress Website Templates

Find Professional WordPress themes Easy and Simple to Setup

inner banner

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

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