Unusually Vimeo video margin adjustment while tab switching

4 replies · opened May 16, 2019

AaguyowensMay 16, 2019

I noticed that the custom Vimeo video section moves up about 10ox when you leave the tab and return back to the site. I am not sure how to address the problem for debugging.

Thanks again for your help!

SSemicolon WebSTAFFMay 16, 2019

Hello,

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.

AaguyowensMay 16, 2019

nathanielwrightdp.com

And I'm not sure how to resolve it or get rid of it, but there is a horizontal scroll bar with 1px of space. I looked through the responsive.css and couldn't find the script that generates the 1px of horizontal space.

SSemicolon WebSTAFFMay 17, 2019

Hello,

  1. The Vimeo Resizing Issue does not appear to be an issue with the Canvas Template. Also since you are using just the Vimeo Video inside the Slider Area, it is recommended to use just the embedded iframe code from Vimeo inside the #slider Area than using the Revolution Slider as it is unnecessary.

  2. The Horizontal Scrollbar is a result of your Customized Codes. Also, there appears to be no #content Section on your Website as the Gallery area, and other Content Area that make up the content on your Page, except the Headers, Footers, Sliders and Page Title, should be inside the #content DIV. Make sure that you follow the Documentation > Start > HTML Structure Section. This should fix your issue automatically.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

AaguyowensMay 28, 2019

Hello,

Regarding 2., I really like the CSS styling of style.css opposed to the one-page.css; and that is why I set my id attributes to reference specific sections when the user clicks on the header menu items. However, I have one more problem with the header animation from 100px to 60px after scrolling down. I've noticed this in the unaltered op-apartment.html template as well. The script doesn't compensate for the changed size of the header after scrolling; so clicking on any menu items that doesn't take the current view to the top of the page places the current view 40px below and 10px above the top margin of the targeted section for my site and the op-apartment.html, respectively. Using the data-scrollto class to adjust the margins only reverses the problem. I hope I explained this issue correctly.

Secondly, I must thank you for the assistance with the vimeo video! Everything seems to work well. I just need to test everything for 4K.

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