side- panel problems

7 replies · opened Jul 19, 2017

FfotobobJul 19, 2017

On this test site: http://wcc.fotografics.eu/wp/am_rep_cur.html I am having two problems with the side-panel, which you can trigger by clicking on "previous years".

  1. The cursor does not turn into a "X" as it does on the sample pages when the side=panel is open.
  2. If I view the page on a portable computer, I have no way of scrolling down the menu. All is fine on smartphone, but not on a computer, as the menu is taller than the screen.
SSemicolon WebSTAFFJul 22, 2017

Hello,

  1. The http://wcc.fotografics.eu/as/cs/images/icons/close.png File does not exist on your Web Servers. Uploading this file will fix this issue.

  2. Can you please let us know a few more details about this like: OS, Browser and Screen Resolution so that we can assist you more on this 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.

FfotobobJul 22, 2017

MAC OS 10 Sierra - Safari - 1366 x 768 - (11 inch screen) - 1280 x 800 (13 inch screen).
768 x 1024 iPad vertical - 1024 x768 iPad horizontal - only shows entire menu on 15 inch screens and above 1440 x 900.

FfotobobJul 23, 2017

I just realized I wasn't too clear above: on the iPad and iPhone, the menu scrolls by touch, on the computer it will scroll using the mouse-wheel - but if the user has a computer without a track-pad or mouse-wheel there is no way to scroll the menu.

SSemicolon WebSTAFFJul 26, 2017

Hello,

Thanks for your Patience! We Really Apologize but we are really unsure about your issue! Please let us know about the Scrolling Functionality you are looking for so that we can try to implement it. Additionally, you can also consider hiding the Menu on that specific device and show a Select Input instead.

Hope this Helps!

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

FfotobobJul 26, 2017

A picture is worth a 1000 words...

I have tried playing with heights and overflow: scroll - but no luck.

SSemicolon WebSTAFFJul 28, 2017

Hello,

Setting the .side-panel-wrap's width to 150px will show scrollbars. Code Example:

#side-panel .side-panel-wrap { width: 150px; }

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.

FfotobobJul 29, 2017

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