Meditation Mobile Issues Continue

[Mark Fisher]

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

[Forum Moderator]

Hi,

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

[Mark Fisher]

Colors…good.
Just a bit of overlap still between the logo and page titles

[Forum Moderator]

Hi,

Kindly use this CSS for overlap

@media screen and (min-width:768px) and (max-width:1023px) {
.header_wrap .header { position:relative !important;}
}

Regards,
Dave

[Mark Fisher]

Thumbs up. Thanks.

[Forum Moderator]

🙂

[Author]

Posts