Slider picture height

[bemoretraining]

I’m having trouble with the css code for making the home slider pictures all one height. The code worked for the desktop view but caused a white space on the mobile view. The code I used is:
#slider { height:650px; overflow:hidden;}
Domain is BaltimoreKettlebellClub.com

[Sonnal S Sinha]

Use this one instead:

@media screen and (max-width:767px) {
#slider {height:inherit;}
}

Regards,
Shri

[bemoretraining]

Code isn’t working. Still can’t figure this out. Each slide causes the rest of the page to shift. Very annoying.

[Sonnal S 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.

Regards,
Chris

[Sonnal S Sinha]

Hi,

Issue resolved from our end. Kindly check and confirm.

Regards,
Chris

[bemoretraining]

Still having a problem with this issue, on the mobile site now. Problem also exists with the default header on new posts/pages. Ok on a desktop, on the mobile site is wonky. Please help thanks.

[Sonnal S 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,
Chris

[bemoretraining]

https://imgur.com/a/YwgJj90

https://baltimorekettlebellclub.com/texting-makes-you-weak/

Looks good on a desktop but distorted on an iPhone.

Slider header on the home page also continues to move the entire page (on mobile site) making reading difficult.

[Sonnal S Sinha]

Hi,

Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

Add this code there:

@media screen and (max-width:479px) {
.innerbanner img { height:auto;}
}

Regards,
Chris

[bemoretraining]

From my webmaster…

“I added this code and the screen shifted more than ever (on desktop and mobile). So, I added the old code back that was a little better. Not sure what our next step is… I feel like they have been guiding us in a circle with this issue…”

[Sonnal S Sinha]

Hi,

Can you send us the screenshot of your issues? After adding our codes.

Regards,
Chris

[bemoretraining]

Screen shot will not help… the slider causes the rest of the page to shift up and down.

[Sonnal S Sinha]

Hi,

Kindly use this one.

@media screen and (max-width:479px) {
.single .innerbanner img { height:100px;}
}

Regards,
Chris

[bemoretraining]

I’m still having problems with this. I’ve tried every suggestion offered here and on the other thread that I created. Nothing has worked. Please help.

[Sonnal S Sinha]

Hi,

Issue have been resolved

Regards,
Chris

[Author]

Posts