header class

10 replies · opened May 9, 2022

Bbrano099May 9, 2022

Hi,
i need to change a class of header in mobile version to dark - something as / data-md-class="dark"
how can i do it?
and is there such a list of all classes?
Thank you
B

SSemicolon WebSTAFFMay 9, 2022

Hello,

There is already an inbuilt functionality available for this. You can consider using data-responsive-class="dark" instead. Currently you can use dark and not-dark Classes. We will expand this to more utility classes with Future Versions of Canvas.

Hope this Helps!

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

Bbrano099May 9, 2022

<header id="header" class="header-size-md" data-responsive-class="dark">

this class does not work perfectly well, it also affects the header in normal page size on dark .. after loading ... then when I scroll the page it changes to the light version

do I have something wrong?

SSemicolon WebSTAFFMay 9, 2022

Hello,

Can you please provide us with a Live URL so that we can check out the exact issue and provide you with more accurate 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.

SSemicolon WebSTAFFMay 10, 2022

Hello,

The Live URL Codes are not updated so we couldn't properly check the issue. However, we ran a check on the Package Files and everything works perfectly for us. We have attached a Screencast Video for this.

Hope this Helps!

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

Bbrano099May 10, 2022

Sorry I forgot to update the index page
can you please check now?
I'm also in your original pages tried to add class / data-responsive-class = "dark" to the header and do the same
Thank you

SSemicolon WebSTAFFMay 10, 2022

Hello,

Just checked this out on your Website and appears to be working fine for us. Attached a Screencast Video.

Can you please let us know how are you expecting this to work or the exact issues you are facing so that we can check further? 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.

Bbrano099May 10, 2022

I just found out he only makes that mistake in the safari .. in chrome it's ok
can I do something about it?
attach from safari load page

Bbrano099May 10, 2022

i have tried also add a class not-dark to header class but nothing happens

SSemicolon WebSTAFFMay 11, 2022

Hello,

Thanks for your Patience!

We confirm this! This is happening on Safari. Can you please provide us with your FTP Details in a Private Reply so that we can look into this manually and fix this for you. 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.

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