sticky header only for mobile devices

Hello!

1.I turned on the sticky header but i want to display the sticky header only in mobile devices, and in other devices just a normal static header .. what is the css code for this?

2. i add about 150 line css code in custom css section. ( 30 line for global, 30 line for desktop ….. 30 line for mobile = 150 line in totoal )
is this gonna slow down my wesbite?

3. is it ok to minified my codes first, then put it in custum css section? anything wrong with that?

Thanks.

Hi,

1. We need to see the page where you want to do the header sticky only for mobile devices to check if it’s possible or not.

2. No, it will not slow your website.

3. Nothing wrong here, but also not necessary.

Regards

Thanks for your response

1. i want to apply this to all of my pages, not just a special page

+ and just a quick question about links.. how can i remove underline from all of the links hover?

Thanks.

1. OK, just send us a link to your website.

2. Try the following code snippet

a:hover {
   text-decoration:none;
}

Regards

[Author]

Posts