Home › Forums › Fitness Pro Forum › Slider picture height
- This topic has 14 replies, 3 voices, and was last updated 5 years, 3 months ago by Sonl Sinha.
-
AuthorPosts
-
November 20, 2018 at 7:04 pm #112077
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.comNovember 21, 2018 at 10:12 am #112103Use this one instead:
@media screen and (max-width:767px) { #slider {height:inherit;} }
Regards,
ShriDecember 4, 2018 at 7:38 pm #112987Code isn’t working. Still can’t figure this out. Each slide causes the rest of the page to shift. Very annoying.
December 5, 2018 at 5:50 am #112995Hi,
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,
ChrisDecember 5, 2018 at 10:59 am #113014Hi,
Issue resolved from our end. Kindly check and confirm.
Regards,
ChrisJanuary 21, 2019 at 9:47 pm #115301Still 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.
January 22, 2019 at 9:34 am #115320Hi,
Can you send us the screenshot of your issues? Upload your screenshot on http://imgur.com/ and paste the share url here.
Regards,
ChrisJanuary 22, 2019 at 3:49 pm #115343https://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.
January 23, 2019 at 7:00 am #115364Hi,
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,
ChrisJanuary 29, 2019 at 5:46 pm #115770From 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…”
January 30, 2019 at 1:00 pm #115871Hi,
Can you send us the screenshot of your issues? After adding our codes.
Regards,
ChrisJanuary 30, 2019 at 6:49 pm #115893Screen shot will not help… the slider causes the rest of the page to shift up and down.
January 31, 2019 at 11:45 am #115981Hi,
Kindly use this one.
@media screen and (max-width:479px) { .single .innerbanner img { height:100px;} }
Regards,
ChrisJune 26, 2019 at 2:46 pm #125737I’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.
June 27, 2019 at 9:08 am #125777Hi,
Issue have been resolved
Regards,
Chris -
AuthorPosts
- You must be logged in to reply to this topic.