New to the community? Start here

Improve responsivenes to try and not show all the slide ins overlapped

There are multiple slide-ins displayed in the site, so I was wondering if it’s possible to improve the size to try and make them not appear overlapped on smaller screens.

By reducing the size of the fonts, it improved on 1680×1050 but still wondering if it’s possible to make them improve even more for smaller screens like tablet or mobile phone.

Thanks in advance!

Wed, 24 Jul 2019 20:07:25
More Hustle Pro discussions
Hustle Pro
  • Nithin Ramdas
    • Support Wizard

    Hi Buddywarlock,

    On checking your website, it seems like you have 3 slide-ins that opens in the homepage, that needs to be corrected for overlap? In general, the slide-ins are responsive out of the box if the "Custom Slide-in Size" isn't used.

    I checked how the current slide-ins behave, and since the mobile view is small, trying to not overlap the slide-ins would make the slide-ins very small in mobile view and would require a lot of custom CSS.

    That's making "Join US" slide-in small would make it cluttered in mobile. Easiest would be to ensure te Slide-ins are placed in different positions, with auto close, and time delay so that they don't overlap with each other based on these factors.

    Could I know whether you could check to see that positioning the slide-ins to the bottom, or adding auto close, and time delays help in such use case?

    [attachments are only viewable by logged-in members]

    Even after checking that, if you still think of having all the slide-ins appear together then please do follow up, and we'll see what further custom CSS could be added in such use case.

    Kind Regards,

    Nithin