7 replies · opened Aug 1, 2019
Hello,
I am using the hosting demo and noticed that on an ipad the clouds are presented in the foreground so that the navigation menu is obscured. This also occurs of the Canvas demo. Can you please let me know how I can fix this.
My license number is e665afff-c5c6-4561-8a3d-0170b28cb607
Thanks, Mike
Hello,
Apologies about the Inconveniences caused!
Please find and delete the following code from the demos/hosting/hosting.css File:
#header.transparent-header { z-index: 1 !important; }This will automatically fix the issue. Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
Hi, commenting the above line of code does not fix the problem. Try viewing the your hosting demo on an iPad, you will see the issue. The background image is in the foreground which overlaps the menu and text.
Mike
Hello,
We have tested the Codes before providing you with the Solution, so it would be great if you can 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.
Hi,
I am not trying to be a problem. I am working locally at this time. I am just pointing out that the same problem occurs presently on the site below.
http://themes.semicolonweb.com/html/canvas/demo-hosting.html
Thanks, Mike
Hello,
Thanks for your Patience!
The Online Demos currently does not have this fix as this has not been released for Download. An update will be released in the Next version of Canvas but we assure you that the above fix works since we had tested it before providing it to you. Additionally, consider clearing your Browser Cache and checking this again. 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.
Here is my URL. This hero image portion of the page is not displaying properly on an iPad. I have looked at you demo on themeforest.net and it also does not display properly. Thanks, Mike
I have tried deleting my cache on the iPad after commenting the requested line out of the css and it still does not display properly.
/* Devices Under 991 Width */
@media (max-width: 991px) {
#top-bar { height: 44px }
#top-bar p {
margin-bottom: 0px;
line-height: 44px;
}
/*#header.transparent-header { z-index: 1 !important; } This should make all work well on the ipad*/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