Celebrate Christmas and New Year with 10% off on Themes Bundle, use coupon code "XMAS10" Buy Now

Header area not showing well in tablet

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

This topic contains 3 replies, has 2 voices, and was last updated by  Grace Themes 1 year, 2 months ago.

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
    Keymaster

    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
    Keymaster

    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 1 year, 2 months ago by  Grace Themes.
    • This reply was modified 1 year, 2 months ago by  Grace Themes.
Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.