Mobile Slide In sizing Issue

  • Resolved inworship

    (@inworship)


    3 years, 4 months ago

    I am using a slide in form. It has been set to slide in from the bottom on either the left or right side. Everything displayed properly on a desktop. but the “X” to close the slide in is off the page on mobile displays and so it cannot be removed when people view the page on mobile.

    I’ve looked through past posts and tried a variety of snippets to fix it and nothing has worked. Any help would be appreciated.

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Bruna a11n

    (@bruberries)

    3 years, 4 months ago

    Hi @inworship,

    To fix that, you need to change the width and the max-width for @media (max-width: 500px) #mp_form_slide_in3.

    So it would look like this:

    @media (max-width: 500px) {
#mp_form_slide_in3 {
width: 90% !important;
min-width: 91% !important;
}
}

    Let me know if it works!

    Thread Starter inworship

    (@inworship)

    3 years, 4 months ago

    Ya. I’ve already tried that and used your code to try it again. It doesn’t do anything.

    That code is currently in the CSS of the form. And I also tried it in the Additional CSS of the site.

    Thread Starter inworship

    (@inworship)

    3 years, 4 months ago

    Anyone???

    Elvira K.

    (@treibalen)

    3 years, 4 months ago

    Hi there @inworship,

    Can you please try this one? I tested it on your site and it works:

    @media (max-width: 500px) {
    #mp_form_popup3 {
    width: 90% !important;
    min-width: 91% !important;
    }
    }

    It should go to the Additional CSS of your site.

    Let us know how it goes!

    Thread Starter inworship

    (@inworship)

    3 years, 4 months ago

    That did it! Thank you!

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

The topic ‘Mobile Slide In sizing Issue’ is closed to new replies.