• Resolved chuckdaddy

    (@chuckdaddy)


    The slide-in form is rendering too far to the right and bottom of the page and is getting cut off. Most importantly, the X to close the form is hidden behind the scroll bar. Is there a way to float the form a bit to the left and up?

    • This topic was modified 6 years, 4 months ago by chuckdaddy.

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Support Imran – WPMU DEV Support

    (@wpmudev-support9)

    Hello @chuckdaddy

    I trust you are doing well!

    On your sire, there is padding-left:20px; added that is moving the form to the right.

    Please add this CSS to Appearance > Customize > Additional CSS to change the form position:

    .hustle-slidein.hustle-slidein-position--south-east {
        padding-left: 0px !important;
    }

    Please note, the !important rule overrides that particular property. So in the future, if you will require to modify this property again, you must edit the code above.

    Let us know how it went!

    Cheers,
    Nastia

    Thread Starter chuckdaddy

    (@chuckdaddy)

    Thank you! The bottom padding is still not working. Here is the code I’m using:

    .hustle-slidein.hustle-slidein-position–south-east {
    padding-left: 0px !important;
    padding-bottom: 0px !important;
    }

    Plugin Support Imran – WPMU DEV Support

    (@wpmudev-support9)

    Hello @chuckdaddy

    I trust you are doing well!

    I’ve visited your site and see the issue is no longer there. If the slider is still pushed to the right on your end, please view your site in an incognito window. If all is well, please refresh browser cookies as instructed on this page:
    https://www.refreshyourcache.com/en/home/

    Let us know how it went!

    Kind regards,
    Nastia

    Thread Starter chuckdaddy

    (@chuckdaddy)

    That is not the issue. I have checked this on Incognito. The issue still at hand is that the form is floating too far down now. The earlier code indeed fixed the right float. Please check again and provide advice. Thanks!

    Plugin Support Laura – WPMU DEV Support

    (@wpmudev-support8)

    Hello @chuckdaddy

    Thanks for explanations. I can see how it goes down, “out of the site”. Since JS and CSS resources are currently optimized it’s a bit difficult to pinpoint why exactly that happens but this CSS should fix the issue:

    .hustle-slidein-content {
      margin-bottom:40px!Important;
    }

    Note: you might need to increase/decrease the 40px value slightly but you’ll see about that after applying the code.

    Best regards,
    Adam

    Plugin Support Imran – WPMU DEV Support

    (@wpmudev-support9)

    Hello @chuckdaddy

    I hope you are doing well!

    We haven’t heard back from you for a while now so we’ve marked this ticket as resolved. If you do have any followup questions or require further assistance feel free to reopen it and let us know here.

    Kind regards,
    Nastia

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Form is hidden under scroll bars’ is closed to new replies.