Home › Forums › All Other Themes › Meditation Mobile Issues Continue
- This topic has 5 replies, 2 voices, and was last updated 3 years, 9 months ago by
Forum Moderator.
-
AuthorPosts
-
December 24, 2019 at 11:04 am #141978
There continues to be a number of issues with the mobile version of the current site I am building. Dave has helped me kill a number of bugs. The media screens for phones finally looks acceptable, but the media screen for tablets continue to be a huge headache, and my client wants them fixed.
Here’s a screen shot that shows two current issues:
• Still seeing overlap between the logo and the page titles
• The dark text colors for basic text, and all headers is much too dark on a dark background. Dave gave the fix, but it only fixed it for the phone screen, not the tablet screen.Screenshot: http://originalcent.com/wp-content/uploads/2019/12/IMG_0002.png
Website in question: http://capricornhealthcareconsultants.com
We’ve added a lot of custom CSS lately. I’m not sure how to post that here, so I did a screenshot of the current CSS additions: http://originalcent.com/wp-content/uploads/2019/12/Capsite-Custom-Notes.png
December 24, 2019 at 12:26 pm #142023Hi,
Kindly use this CSS:
@media screen and (min-width:768px) and (max-width:1023px) { body { color:#fff !important;} .header { position:relative !important;} .single_post_content h1.page-title, .single_post_content h2, .single_post_content h2 b, .single_post_content h3 { color: #fff !important;} #simple-menu .fa-bars { color: #fff !important;} }
Regards,
DaveDecember 24, 2019 at 2:53 pm #142041Colors…good.
Just a bit of overlap still between the logo and page titlesDecember 25, 2019 at 4:49 am #142045Hi,
Kindly use this CSS for overlap
@media screen and (min-width:768px) and (max-width:1023px) {
.header_wrap .header { position:relative !important;}
}Regards,
DaveDecember 25, 2019 at 3:00 pm #142075Thumbs up. Thanks.
December 26, 2019 at 5:06 am #142082🙂
-
AuthorPosts
- You must be logged in to reply to this topic.