13 replies · opened Jul 28, 2016
I noticed that a blank separation appears between a slider and the footer of the page, but only on mobiles. This ij ok on a tablet or desktop.
Could you check the page I send you privately?
(if you test this in a desktop browser, but varying the window size, it takes a F5 reload to see it)
Link to test: http://vosaffaires.apphb.com/fr
Hello,
We have tried checking out this issue on a Mobile Phone and also on a Desktop Device but it appears to be working fine for us on both the devices even after refreshing the Page. Can you please confirm if this issue was resolved. 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.
No it's not fixed. In tried in IE, Chrome and Firefox this morning. It failed and showed the blank gap in IE and Firefox when I resize them to a very minimal size. It didn't in Chrome, but I was not able to resize the window past a certain minimum. So it seems to happen when the browser has a very narrow width (that is even smaller than a phone it seems...). I guess this is not something visitors will encounter but if this is easily fixable...
[sb_private_reply]5 days and no news?
Compared to some other templates I purchased on TF, this is your weak point...[/sb_private_reply]
I believe you're talking about the padding..
Try adding this to your custom css to overwrite the original style
.content-wrap {
padding: 45px 0;
}
Good luck
@saloiofun No it's not that.
Hello,
[sb_private_reply]We Really Apologize about the Delay in replying to your Support Query and Truly Truly appreciate your Patience with us![/sb_private_reply]
We have tried checking this out on a Mac Computer and there is no way to minimize the Window so small to that extent. We currently do not have a Physical Windows computer but we will definitely do this in the next 12-24 Hours and get back to you[sb_private_reply] definitely within time this time!![/sb_private_reply]. Meanwhile, it would be great if you can please provide us with a Screenshot of the Issue so that we can understand this better. 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 the link of the image.
Hello,
Thank You so much for the Screenshot! Can you please try using the following CSS Code:
.device-xxs #slider { overflow: hidden; }This should fix the issue. Let us know if we can help you with anything else or if you find any further issues.
It didn't change anything.
I have then discovered that the blank space is a margin-top:39px set on the footer by an inline style. But where does it come from?
Any news on this please?
Hello,
[sb_private_reply]We Really Apologize about the Delay in replying to your Support Query and Truly Truly appreciate your Patience with us![/sb_private_reply]
Please consider adding the .notopmargin Class to the #footer Container.
This should definitely fix the issue. 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.
This fix works. Thank you.
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