Header area not showing well in tablet
- This topic has 3 replies, 2 voices, and was last updated 6 years, 8 months ago by
.
Viewing 4 posts - 1 through 4 (of 4 total)
-
Posts
-
Hello There,
The header text is not displaying well in tablet (Vertical) mode. How do I ensure it displaying properly
http://www.commissionedworldoutreach.orgThanks,
RichardHi
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 ThemesHell 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,
RichardHi
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.
