11 replies · opened Oct 3, 2020
Hey! Just installed and uploaded the new V6 update to my website, starting from scratch and instantly I can see an error where the footer/main content white space isn't aligned right. The footer randomly stops and there's a huge gap in content from the slider and the content.
I've also spotted an error that when I load the website and the navigation "about" is green, it's almost as if it's constantly hovering over the about page. Please see screenshot!
I've fixed the green issue, I realised this is showing what part/section of the page is currently selected. However the alignment issue is still there. Please let me know how to fix this, I didn't have this problem with the previous version, and this issue was like this before any customisations
I've checked on my laptop and it aligns fine, but on my 27" imac it doesn't. Why is the V6 version not fitting on all devices as v5 did?
The photos on the right are also taking a lot longer to load than the previous version. It's appearing black for a long time first, then loading the first slider image
Following up whilst I see you're online. I'm hoping to launch the website today, so would ideally love to fix the alignment issue!
Hello,
Thanks for your Patience!
We have been already looking into your issue and trying to ascertain the possible reasons.
We have tried checking out the Footer/Content and are unable to find out the issue you are mentioning. Please check Screenshot. Can you please provide us with a Screenshot of the Issue and more details about this? Thanks for your Patience. Additionally, do you see the same issue here: http://themes.semicolonweb.com/html/canvas/demo-media-agency.html ?
The Slider Images on the right loads on window.load Event. Since the previous version of Canvas had a Page Loading Transition, this was not visible. We have removed this in the Latest Version of Canvas to comply with the First Contentful Paint standards and this is why the Slider appears to be loading with a Delay. You can turn of the Page Transitions by simply adding the .page-transition Class to the `` Tag. More details here: http://docs.semicolonweb.com/docs/getting-started/page-transition/ .
Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
Hey! Thank you for your reply.
Hmm, very weird that you see it ok. Also very good, but confusing why on this device I do not see it the same.
Yes, I see the same alignment error on the semi colon demo version also. Please see screenshot attached!
I have added the <body class="page-transition" data-loader="2" data-animation-in="fadeIn" data-speed-in="1500" data-animation-out="fadeOut" data-speed-out="800">
code to the website, does this seem to work? / is this the right thing to do?
Hello,
We have just tried checking this out again and have found the issue. It is with the #wrapper that has a max-width defined by default. Simply add the following CSS code:
@media (min-width: 992px) {
#wrapper {
max-width: none !important;
}
}This will definitely fix the issue. We will release an Update to fix this shortly. Hope this Helps!
The Codes for the Page Transition should work fine.
Let us know if we can help you with anything else or if you find any further issues.
Perfect! Just fixed it and uploaded it all on the main site.
Feel free to check it out!
Do you spot any other errors or anything that's off?
Hello,
Looks good. We recommend some Optimizations according to these suggestions: https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fwww.thesociallemon.com%2F . More on this here: http://docs.semicolonweb.com/docs/getting-started/website-optimization-tips/ .
Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
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