booking reservation form not responsive

Question

Hello,

I used booking reservation form and when i tried using iPhone or Galaxy screen the reservation tabs doesn't fit the form container as you can see in the pictures i attached, how can i fix that?

Also, when i tried to customize it, a wide space appears between the footer section and content section when i use iPad pro screen as you can see in the picture i attached (iPadpro-space), why is this happening, even though i checked if there is a space in the IDs?

Thank you and i really appreciated if you answer me as quickly as possible.

SemiColonWeb · Accepted Answer

Hello, 1. This is a minor bug. Apologies for this issue. Please find the and replace it with: Class. This will fix this issue. 2. Please provide us with a Live URL so that we can check out the exact issue and provide you with more assistance on this. Thanks for your Patience. Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

roqaia94 · Answer

Hello, 1 Thank you, it works and i really appreciate your quick response. 2 This is the Live URL: http://darahjob2 env.eba bqhux24f.us east 2.elasticbeanstalk.com ,also you can see the issue in the picture i attached. Thank you and I really appreciated if you answered me as soon as possible.

Semicolon Web · Answer

Hello,

The issue with iPad Pro is because of the Height of the Screen on iPad Devices. Consider replacing class="content-wrap pt-5 pb-5" with class="content-wrap pt-5 pb-5 min-vh-100 d-flex align-items-center".

This should fix the issue. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

roqaia94 · Answer

Hello, Thank you, it works and i really appreciate your quick response.

Semicolon Web · Answer

Hello, Very Happy to Help! :) Do let us know if we can help you with anything else.