ipad issue- (wide space between the slider section and the dots page menu)

Question

Hi I used one page dots style and when i tried using ipad screen its appear wide space between the slider section and the dots page menu as you can see in the pictures i attached, how can i eliminate this space without effecting the appearance in other screens. Also, i want to delete the dots page menu that's appear in the mobile device, i tried to eliminate this line: and it works, but i wonder if it's the right way to delete it? Thank you and i really appreciated if you answer me as quickly a…

SemiColonWeb · Accepted Answer

Hello,

Apologies for the Inconveniences. It is, unfortunately, hard to detect an error with an Image. 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.

To hide the Page Menu on Mobile Devices, it is recommended to use the Display Utility Classes: https://getbootstrap.com/docs/4.5/utilities/display/ . Simply use .d-none and .d-lg-block Classes on the #page-menu DIV.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

roqaia94 · Answer

Hi, This is my website: https://darahservices.com/Darahrepo/dar portal v2.1/index.html Thank you and I really appreciated if you answer me as quickly as possible.

Semicolon Web · Answer

Hello, Thanks for your Patience! This is not an issue with the Template but your Customizations which is why it took so much time to find the issue. The following code has a in the ID: [ch pre][/ch pre] This is what is causing the issue with the Slider Height. Simply remove this space and this issu…