Relume Community Icon

Home

Announcements
General
Showcase

Powered by Tightknit

Getting Started

Getting Started

Optimize Padding in Contact Modal to Reduce Unnecessary Space

·

Question on contact modal. I imported contact-modal-1. It was imported as a section including padding-global and padding-section-large. I moved the 'open modal' button to the main navigation and changed it to contact. Do I need to keep all the padding in the section? It's creating a bunch of unnecessary space.

Optimize Padding in Contact Modal to Reduce Unnecessary Space | Relume Community

5 comments

· Sorted by Oldest

Matt J.
·
Wayne E. naw you wont need all of those extra divs. But try to keep the button and the modal component near each other if possible.
Wayne E.
·
Matt J. Thanks. I didn't think so, but didn't want to break anything. I was thinking of putting the modal in the footer since it is on every page. That way, I don't have to add the modal to every page. But that puts the modal as far away from the button (in the navbar) as possible. I'll play around with it. In the meantime, curious if you (or anyone else) have thoughts on best practices for contact modals or whether you should even use them and instead use a contact page?
Matt J.
·
Wayne E. ah well in that case I do have a quick loom on this topic - its covering a larger topic but addresses this one as well. https://relume.notion.site/How-to-add-multiple-modals-5012143c03f14e6da19f8cd3e23e7f3f?pvs=4 In short it is totally possible to do what you are doing and yeah putting the modal in the footer is what I would consider industry best practices.
Wayne E.
·
Thanks Matt J.. I put it in the footer and it mostly works. I'm in preview mode. If I navigate from one page to another, it doesn't always work (the modal doesn't appear. Maybe it is because of preview mode. I'll play around with it some more. Thanks for your help!
Matt J.
·
Wayne E. no worries, share a read-only and I can help too - should be easy enough to resolve.