Hello,
I would like to have some of my link in the footer change color when I am hovering them.
I put an ID:link inside the link. And then I add a custom CSS => #link:hover { color: #C34755 !important; }
It works quite well, but only on the desktop. But not on the tablet or mobile. It is not the only thing that when I change the CSS, it works only on the desktop but not on Tablet or mobile.
Would you have an answer to that?

One other question: I don't know why with some of my link I have "cursor: not-allowed". For instance here below.

form.customize-unpreviewable, form.customize-unpreviewable input, form.customize-unpreviewable select, form.customize-unpreviewable button, a.customize-unpreviewable, area.customize-unpreviewable {
cursor: not-allowed !important;
}

Do you know how I can get rid of it?

One last question: I know that this is not related to your template, but I have used Mail Poet to create an opt-in for newsletter in my footer. Would you have a trick to have the email section aligned with the sign-up section? (I have played with the padding and size, but for instance on the tablet it's not very well aligned, and also on the desktop, when you Zoom in, the bottom it's not 100% aligned). It would be nice if you would have a trick for this. But if it's not the case it's not an issue as it's not related to your template.

Thanks a lot for your help.

Kind regards,
David

Hello, I would like to have all the link (Terms of use, Privacy, Privacy policy, Cookie preferences, See additional information) change color to red on hover (it's a print screen of the footer = print screen 1). I did it for desktop and it works, but it does not work on the mobile or tablet version.

I do have another question for print screen 2 (how can I modify the space between the header and the post title / beginning of the post. I would like to have less than what it is. Both on Mobile and desktop.

Would you also be kind to tell me where can I find the source code to make CSS modification for mobile/tablet? Because some source code I use to modify the css on desktop does not work for mobile or tablet.

Thanks a lot in advance for your help

Kind regards,
David

Hi, 

Unfortunately it does not work.Can you please look at it one more time?
Thanks,

David

Hello,

Unfortunately it does not work. I would like to have the hover on the mobile as well. I have tried all the solution you have given as well as many others, but none of them work.

It's very weird because normally it should work. 

Also, you didn't answer to this question: how could I decrease the gap between the top header and the title of a post? both on mobile and computer.

Best regards,

David

Hi, 
It looks very good, thanks a lot for your help.
I would have just another question. The header, especially on desktop, does not have the same size between the not-sticky and the sticky version. Is it possible to have it the same size? So that when you scroll down, you basically see no difference and no shifting or moving between the sticky and the non-sticky menu.

On the mobile version, both the sticky and the non-sticky header looks the same. There is no shift. Just that the logo is not in the middle. It's a bit on the upper side in comparison to the hamburger. 
Would be nice if you could help me with that too.

Thanks a lot again for your help. It's just soo difficult to have it straight. 

I wish you a nice day.

Kind regards,
David

Hello, 

Thanks a lot for your help. Unfortunately it does not work.
But, I do have one more urgent case.

I don't know why my font does not load on safari (Mac). But it works with a friend which also have a Mac. And it works on chrome. It's the first time I have it.

Kind regards,

David

Hi,

I did a backup and now it works.
Thanks a lot for all your kind help.
I wish you a wonderful end of the week

Kind regards,
David