Meditation Pro Mobile Version Issue

Home Forums All Other Themes Meditation Pro Mobile Version Issue

Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #140312
    Mark Fisher
    Participant
    • Topics: 8
    • Replies: 22
    • Total: 30
    Member since: December 1, 2019

    Hello. I just purchased the Meditation Pro theme for use on a client’s site. I’ve been working through a number of issues to get things looking somewhat presentable.

    The issue I cannot solve is in the display of blog posts in a mobile phone format. We’re using a larger logo image and that does not seem to be a problem in the desktop format. In the phone format, the logo sits on top of the blog title. I temporarily switched to a random smaller logo and the problem remains that the logo sits on top of the blog title.

    Here’s a link with a screenshot http://originalcent.com/wp-content/uploads/2019/12/IMG_0332.png

    The site is http://capricornhealthcareconsultants.com

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

    Hi,

    Kindly go to Appearance » Theme Options » Basic Settings » Custom CSS and paste below code there:

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

    Regards,
    Dave

    #140613
    Mark Fisher
    Participant
    • Topics: 8
    • Replies: 22
    • Total: 30
    Member since: December 1, 2019

    Excellent. Thank you.

    #140626
    Mark Fisher
    Participant
    • Topics: 8
    • Replies: 22
    • Total: 30
    Member since: December 1, 2019

    Alright issue number two with our mobile site. The first footer of three has the title cut off. The first letter is missing, so it says “avigation” instead of “Navigation”. I verified that it is correct in the desktop version of the site. I also tried retitling the first footer block to “Test” and it displayed as “est”

    The site is http://capricornhealthcareconsultants.com

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

    Hi,

    Kindly use this one:

    @media screen and (max-width:479px) {
    #footer .rowfooter { margin:20px 0 !important;}
    }

    Regards,
    Dave

    #140681
    Mark Fisher
    Participant
    • Topics: 8
    • Replies: 22
    • Total: 30
    Member since: December 1, 2019

    Excellent. Thanks.

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

    Hi Mark,

    If you found our service good kindly review us here: https://www.sktthemes.org/forums/topic/reviews-and-testimonials/page/24/

    Regards,
    Dave

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