Meditation Mobile Issues Continue

Home Forums All Other Themes Meditation Mobile Issues Continue

Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #141978
    Mark Fisher
    Participant
    • Topics: 12
    • Replies: 27
    • Total: 39
    Member since: December 1, 2019

    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

    #142023
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25811
    • Total: 25811
    Member since: August 16, 2013

    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

    #142041
    Mark Fisher
    Participant
    • Topics: 12
    • Replies: 27
    • Total: 39
    Member since: December 1, 2019

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

    #142045
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25811
    • Total: 25811
    Member since: August 16, 2013

    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

    #142075
    Mark Fisher
    Participant
    • Topics: 12
    • Replies: 27
    • Total: 39
    Member since: December 1, 2019

    Thumbs up. Thanks.

    #142082
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25811
    • Total: 25811
    Member since: August 16, 2013

    🙂

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.