Meditation: Mobile Slider Buttons

[Mark Fisher]

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.

[Sonl Sinha]

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

[Mark Fisher]

This did not work 🙁

[Sonl Sinha]

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

[Mark Fisher]

LOL…media screen…iPhone

Dumped cache and still not helping.

[Sonl Sinha]

Hi,

Kindly send us your URL of the site and WordPress admin details (Username & Password) via email:[email protected] 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

[Mark Fisher]

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?

[Sonl Sinha]

Hi,

Okay, kindly use this one:

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

Regards,
Dave

[Mark Fisher]

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?

[Sonl Sinha]

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

[Mark Fisher]

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

[Sonl Sinha]

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

[Mark Fisher]

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:

https://www.sktthemes.org/forums/topic/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.

[Sonl Sinha]

Hi,

Can you send us the screenshot of your issues?

Regards,
Dave

[Mark Fisher]

Here’s the screen shot:

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

[Author]

Posts