Slider picture height

Home Forums Fitness Pro Forum Slider picture height

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #112077
    bemoretrainingbemoretraining
    Participant
    • Topics: 4
    • Replies: 9
    • Total: 13
    Member since: October 15, 2018

    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

    #112103
    Sonl SinhaSonl Sinha
    Keymaster
    • Topics: 10
    • Replies: 6987
    • Total: 6997
    Member since: June 12, 2013

    Use this one instead:

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

    Regards,
    Shri

    #112987
    bemoretrainingbemoretraining
    Participant
    • Topics: 4
    • Replies: 9
    • Total: 13
    Member since: October 15, 2018

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

    #112995
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 30927
    • Total: 30927
    Member since: August 16, 2013

    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

    #113014
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 30927
    • Total: 30927
    Member since: August 16, 2013

    Hi,

    Issue resolved from our end. Kindly check and confirm.

    Regards,
    Chris

    #115301
    bemoretrainingbemoretraining
    Participant
    • Topics: 4
    • Replies: 9
    • Total: 13
    Member since: October 15, 2018

    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.

    #115320
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 30927
    • Total: 30927
    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,
    Chris

    #115343
    bemoretrainingbemoretraining
    Participant
    • Topics: 4
    • Replies: 9
    • Total: 13
    Member since: October 15, 2018

    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.

    #115364
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 30927
    • Total: 30927
    Member since: August 16, 2013

    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

    #115770
    bemoretrainingbemoretraining
    Participant
    • Topics: 4
    • Replies: 9
    • Total: 13
    Member since: October 15, 2018

    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…”

    #115871
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 30927
    • Total: 30927
    Member since: August 16, 2013

    Hi,

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

    Regards,
    Chris

    #115893
    bemoretrainingbemoretraining
    Participant
    • Topics: 4
    • Replies: 9
    • Total: 13
    Member since: October 15, 2018

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

    #115981
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 30927
    • Total: 30927
    Member since: August 16, 2013

    Hi,

    Kindly use this one.

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

    Regards,
    Chris

    #125737
    bemoretrainingbemoretraining
    Participant
    • Topics: 4
    • Replies: 9
    • Total: 13
    Member since: October 15, 2018

    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.

    #125777
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 30927
    • Total: 30927
    Member since: August 16, 2013

    Hi,

    Issue have been resolved

    Regards,
    Chris

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