7 replies · opened Mar 8, 2021
Dear Support,
I have a problem with the header or top navigation bar on my website disappearing when I access it on an iOS device such as a macbook, iphone, etc. as can be seen in the video that I attached.
Please help me asap.
Thankyou.
Hello,
There are many HTML Validation Errors on your Page: https://validator.w3.org/nu/?doc=https%3A%2F%2Fwww.bsi.co.id%2F which might be causing this issue. Please fix these issues and check your Page again. If you are still facing any further issues with this please let us know and we can provide you with further assistance. 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.
Can you help me how to make the navigation bar on my website disappear when the user is scrolling down and appears when scrolling up both in desktop and mobile mode ?
Hello,
You can consider using this Template: http://themes.semicolonweb.com/html/canvas/header-sticky-on-scrollup.html .
Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
Dear Support,
Thank you for your help, that really works on my website.
can you help me to make my navbar when on mobile mode the same as when on a desktop mode which is a fixed position on the top and when scrolling down it will disappear and will reappear when scrolling up?
Please help me asap.
Thankyou.
Hello,
Unfortunately, this functionality is currently not support on Mobile Devices. Currently, only the Default Sticky Headers are supported on Mobile Devices. You will need to add Custom Codes to make this work.
Let us know if we can help you with anything else or if you find any further issues.
Dear Support,
I want to make the navbar like on the forum template (http://themes.semicolonweb.com/html/canvas/demo-forum.html) which is the navbar position is fixed on the top when mobile mode and scrolling. But forum template is a new template from canvas so I already using this template (http://themes.semicolonweb.com/html/canvas/index.html). Can I add the code to make my navbar is fixed on the top when mobile mode ? and can you tell me the code i need to add to make that function?
Thank you
Hello,
Features from Newer Versions of Canvas cannot be used on Older Version. We have checked your Website and you are Canvas 5.x which is almost 9 months old. Currently Canvas is at v6.1.4.
There is already an Option to make Header Sticky on Mobile Devices in Canvas v5.x. Simply add the .sticky-responsive-menu Class to the `` Tag. Example:
[ch_pre]<body class="stretched sticky-responsive-menu">[/ch_pre]
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.
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