9 replies · opened Mar 4, 2021
Hello;
Just finishing the site and noticing that the pre-loader spends almost a minute uploading the home page.
I went for an entire optimization process: images, code, etc, including switching servers; and nothing... the pre-loader stays forever to upload de page.
Is there any way to remove the pre-loader or improve its response?
Thank you in advance!
Another question;
On the home page; when the size of the screen is reduced or it is viewed using a cell, the size of the images at the main banner (top) is not adjusted to the size of the screen; because of this, the banner images are not being fully displayed.
Is there a way to fix this?
I really appreciate your help!
Hello,
Something on your Page is taking a long time to load which is causing the delays in displaying the Page. Can you 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.
You can simply remove the .page-transition Class from the `` tag to disable the Page Transition.
The Images in the Slider is used as Background Images for preventing the Images from squishing and show the best possible resolution. You can consider replacing the .min-vh-60 Class with .min-vh-40 in the #slider Element to decrease the height of the Slider which will then display more of the Images.
Hope this Helps!
Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.
Great; Thank you for your prompt response; I'll try and let you know.
Your support service rocks!
Hello,
Very Happy to Help! :)
Do let us know if we can help you with anything else.
Hello;
1st Question:
I am having a little issue with the main slider.
Please, see the attached file for better explication.
2nd Question:
The class="font-secondary ls0 font-weight-normal nott" (Font in the slider) becoming too small when it is displayed on mobile (cell phones); How can fix it?
3er Question:
The class="button button-desc button-3d button-rounded button-green center" doesn't adjust its size when it is displayed on mobile (cell phones) (keep the same size); How can fix it?
4rd Question:
The class="button button-large button-rounded" doesn't adjust its size when it is displayed on mobile (cell phones) (keep the same size); How can fix it?
I really appreciate your help!
Also, I am having issues with the modal; when the modal is closed, the video continues to play, How can I fix it?
*** never mind; I found this answer in your comments section***
Thank you!
Hello;
I already found the solution for Questions #1,#2 & 4.
Just I need question #3.
Thank you!
Hello,
Thanks for your Patience!
You can simply use the following code to change the Size of the Text:
[ch_pre type="css"]@media (max-width: 991.98px) {
.swiper_wrapper .slider-caption h2 {
font-size: 5.5vw;
}
}[/ch_pre]
Consider using this Code:
[ch_pre][/ch_pre]
and 4. Button Sizes are not modified on Responsive Devices according to Bootstrap Standards. You can consider using 2 Buttons (One with Large Size for Desktops and another with Small Size for Mobile Devices) and then Show/Hide them using the Bootstrap Display Utility Classes: https://getbootstrap.com/docs/4.6/utilities/display/ .
This will definitely work fine. Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
Thank you so much!
Your support rocks!
Have the same question, or something new?
Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.
Reply on the dashboard