Get 10% OFF on Themes Bundle, Use Coupon Code GRC10 | Limited Time Offer! Buy Now

WordPress Website Templates

Find Professional WordPress themes Easy and Simple to Setup

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
    Participant

    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
    Participant

    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 5 years, 8 months ago by Grace Themes.
    • This reply was modified 5 years, 8 months ago by Grace Themes.
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.