Meditation: Mobile Slider Buttons

Home Forums All Other Themes Meditation: Mobile Slider Buttons

Tagged: 

Viewing 15 posts - 1 through 15 (of 16 total)
  • Author
    Posts
  • #141430
    Mark Fisher
    Participant
    • Topics: 6
    • Replies: 17
    • Total: 23
    Member since: December 1, 2019

    Hello,

    The buttons do not appear correctly on the slider for the mobile (phone) screen.

    Here’s an image of how it displays http://originalcent.com/wp-content/uploads/2019/12/IMG_0442.png

    The website using the Meditation theme is https://capricornhealthcareconsultants.com

    Thanks for assistance.

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

    Hi,

    Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

    @media screen and (max-width:767px) {
    .nivo-caption .slidedesc { padding:0 !important; margin-bottom:5px !important;}
    .nivo-caption .title { font-size:28px !important;}
    .nivo-caption .slidedesc p { line-height:20px !important;}
    .nivo-caption .slidebtn a { padding:10px 20px !important;}
    }

    Regards,
    Dave

    #141481
    Mark Fisher
    Participant
    • Topics: 6
    • Replies: 17
    • Total: 23
    Member since: December 1, 2019

    This did not work 🙁

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

    Hi,

    Delete cache:

    Kindly delete cache and do a forced refresh.

    To do a forced refresh kindly follow below instructions:

    Windows/Linux:
    1. Hold down Ctrl and click the Reload button.
    2. Or, Hold down Ctrl and press F5.

    Mac:
    1. Hold Shift and click the Reload button.
    2. Or, hold down Cmd and Shift key and then press R.

    Regards,
    Dave

    #141556
    Mark Fisher
    Participant
    • Topics: 6
    • Replies: 17
    • Total: 23
    Member since: December 1, 2019

    LOL…media screen…iPhone

    Dumped cache and still not helping.

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

    Hi,

    Kindly send us your URL of the site and WordPress admin details (Username & Password) via email:forum@sktthemes.org Please mention this forum URL while replying so that we understand what needs to be done.

    We’ll check and revert back to you.

    Regards,
    Dave

    #141569
    Mark Fisher
    Participant
    • Topics: 6
    • Replies: 17
    • Total: 23
    Member since: December 1, 2019

    Hmmm. Thought you might ask that next. The last time I gave even temporary access to a support person (another theme from a different developer), they left a backdoor opening that left the site exposed to some major hacking. It was not pretty.

    Other ideas?

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

    Hi,

    Okay, kindly use this one:

    @media screen and (max-width:767px) {
    .nivo-caption .slidedesc, .nivo-caption .slidebtn { display:table !important;}
    }

    Regards,
    Dave

    #141576
    Mark Fisher
    Participant
    • Topics: 6
    • Replies: 17
    • Total: 23
    Member since: December 1, 2019

    Much better, almost there. The bottom edge of the button gets cut off. Can we reduce the padding above the button or below the description?

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

    Hi,

    Can you send us the screenshot of your issues? Upload your screenshot on http://imgur.com/ and paste the share url here.

    Regards,
    Dave

    #141614
    Mark Fisher
    Participant
    • Topics: 6
    • Replies: 17
    • Total: 23
    Member since: December 1, 2019

    Here’s the current state. Everything now appears, but there are some padding issues. The most important thing is to bring the button up so it is not cut off.

    http://originalcent.com/wp-content/uploads/2019/12/IMG_0447.png

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

    Hi,

    Kindly use this one:

    @media screen and (max-width:767px) {
    .nivo-caption .slidedesc, .nivo-caption .slidebtn { display:table !important;}
    .nivo-caption .slidedesc { padding:0 !important; margin-bottom:5px !important;}
    .nivo-caption .title { font-size:28px !important;}
    .nivo-caption .slidedesc p { line-height:20px !important;}
    .nivo-caption .slidebtn a { padding:10px 20px !important;}
    }

    Regards,
    Dave

    #141664
    Mark Fisher
    Participant
    • Topics: 6
    • Replies: 17
    • Total: 23
    Member since: December 1, 2019

    Perfect. That fix nailed it. We’re getting close to nailing these little bugs with the mobile theme.

    I am still having an issue with header overlap as reported in this thread:

    Meditation Pro Mobile Version Issue

    The fix you provided worked great for the iPhone media screen, but unfortunately the issue still exists on tablets. Ive tried updating that thread twice but I think it got lost in the moderation queue.

    Thanks.

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

    Hi,

    Can you send us the screenshot of your issues?

    Regards,
    Dave

    #141785
    Mark Fisher
    Participant
    • Topics: 6
    • Replies: 17
    • Total: 23
    Member since: December 1, 2019
Viewing 15 posts - 1 through 15 (of 16 total)
  • You must be logged in to reply to this topic.