support@gracethemes.com

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 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

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.