Hi there. I am preparing to use Amelia Step by Step Booking Form in ouy live website. I noticed the blue sidebar is missing in the booking page when viewed in my 13 inch laptop as shown in the screenshots attached. How to fix this problem? Please help! Thank you!
When a screen on laptop is to small Amelia automatically adjusts and it hides a sidebar. You can try and expand the form via CSS but this will affect the look on your customer's laptops.
If you are not familiar with CSS we can send you some guidance on how you can do that if you wish.
to see if someone may be already suggested this feature. If you can't see it, feel free to add your suggestion there, and as more people vote, the feature will move higher on the priority list.
You can certainly follow our changeLog page if you'd like, where we state any changes/new features/bug fixes during updates;
and our newsletter, so you're informed about new features, bug fixes, freebies, etc.
Hi there. I am preparing to use Amelia Step by Step Booking Form in ouy live website. I noticed the blue sidebar is missing in the booking page when viewed in my 13 inch laptop as shown in the screenshots attached. How to fix this problem? Please help! Thank you!
Attached files: Amelia Booking Form SideBar_03.jpg
Amelia Booking Form SideBar_02.jpg
Amelia Booking Form SideBar_01.jpg
Hello Zengfu Xu,
Thank you for reaching out to us.
When a screen on laptop is to small Amelia automatically adjusts and it hides a sidebar. You can try and expand the form via CSS but this will affect the look on your customer's laptops.
If you are not familiar with CSS we can send you some guidance on how you can do that if you wish.
We wish you all the best.
Have a nice day.
Kind Regards,
Marko Davidovic [email protected]
Rate my support
Try our FREE mapping plugin! MapSVG - easy Google maps, interactive SVG maps, floor plans, choropleth maps, and much more - https://wordpress.org/plugins/mapsvg-lite-interactive-vector-maps/
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community
You can try wpDataTables add-ons before purchasing on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables
Thank you Marko. Yes please send me the some guidance on how you can do with CSS.
Hello again Zengfu Xu,
Our support does not fully provide customization solutions, but we can try to provide some basic CSS in situations like this.
For manipulating the width of the "outer Booking container", you can try this CSS:
For example, on our Demo page, if i add that CSS, the outer container expands like this :
Just the background colour we set is transparent, so it is not very visible on our page,
but that width can be changed like that.
-
Now, if you also wish to manipulate this "inner Booking container width", you can use this CSS selector :
If i add that to our Demo, here is the result :
As you see, we have successfully changed the width this way.
The main property to edit is "max-width" with a fixed pixel value.
Let us know if that works for you.
-
If you wish to see a built-in solution for users to choose the Booking Form width from the Amelia's Customize interface,
please feel free to search through our feature suggestion page,
to see if someone may be already suggested this feature. If you can't see it, feel free to add your suggestion there, and as more people vote, the feature will move higher on the priority list.
You can certainly follow our changeLog page if you'd like, where we state any changes/new features/bug fixes during updates;
and our newsletter, so you're informed about new features, bug fixes, freebies, etc.
Hope this helps.
Kind Regards,
Marko Davidovic [email protected]
Rate my support
Try our FREE mapping plugin! MapSVG - easy Google maps, interactive SVG maps, floor plans, choropleth maps, and much more - https://wordpress.org/plugins/mapsvg-lite-interactive-vector-maps/
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community
You can try wpDataTables add-ons before purchasing on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables