Black Friday & Cyber Monday Offer | Flat 20% OFF on Lifetime & All Themes Package. Use coupon code BFCM24 | Offer valid till 5th Dec 2024 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
    http://www.commissionedworldoutreach.org

    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.