Adding Apricot features to an external website and making them responsive.
Adding Apricot features to an external website and making them responsive is a challenge. This would include public member directory and events calendar. As example, Upcoming Events produces a nice list; however, adding using iFrames is not responsive. And, clicking from Upcoming Events lists to event details is problematic. Producing a clean, seamless appearance in an external website would be an improvement. To see a clean embedded store item, go to: https://www.pbgv.org/store.shtml#!/2020-PBGVCA-Calendar/p/154538126/category=0 This link will expire around Jan 1.
USA Web Design Express commented
Another way to approach responsive design is to design a mobile version of your website first. This allows you to see how the images, text, logos, and other elements will look on smaller screens. If they display without problems, then you shouldn’t have any problems adapting your design to larger screens.