Hi,
q1) The Free and the Pro plugins are two separate installations, to perserve the settings, in case you decide to switch back. They work a bit differently, so there is currently no option to export the options from one another, to prevent any compatibility issues across different releases.
You can find the same options in the Pro version as you had in the Free version, and more.
If you are looking for the themes/layouts within the free version, those are included, and can be found here: https://i.imgur.com/LzTDj40.png
It’s worth trying more of them. There is a preview window as well, so you don’t have to save and look at the front-end to check the layouts each time.
q2) Two separate installations would require two separate plugins by our platform licensing terms, to be honest. However I have made the activation script to recognize test, staging and other well-known partial domains. I have added the “members” subdomain to that list now as well. If you activate on both ends, it should work.
Note: The activation is not required, only for automatic updates, so if it does not work, it will not limit the plugin in any way. You can still upgrade it manually.
q3)
– a) You can change the overall background, as well as the input background separately for each theme. It accepts transparent colors as well.
– b) This depends on the exact specification. The default width, that applies in all cases, can be set here. Using custom CSS width media queries to choose the device widths is probably the best option. I usually recommend something like this for mobile width changes:
@media only screen and (max-width: 720px) {
.asp_m {
max-width: 600px !important;
}
}
@media only screen and (max-width: 480px) {
.asp_m {
max-width: 480px !important;
}
}The first one is for devices below 720 pixels width, the second one is for devices below 480px width. You can change the values to any pixel value, as well as percentage, if that fits better. You can also copy/make more of these, just make sure, that they are in a descending order by screen sizes.
– c) Here: https://i.imgur.com/YF57PaA.png
– d) Here: https://i.imgur.com/7QlHa9x.png
– e) Also depends on the nav-bar implementation. It is probably an inline-block, so something like this may do the trick:
.asp_m {
display: inline-block !important;
vertical-align: middle !important;
}But again, this depends on the exact layout/navigation. For flex or block layout this can be very different.