CSS elements for mobile view

Ask the Community Customization
1

Hey, this seems to change the font for desktop, but is there a different css element that needs to be changed for mobile? I’m seeing Times New Roman, or some kind of serif font when I pull it up on mobile. Thanks!

2

Hi @Nick_Wells welcome to community :clap:

Perhaps the font is influenced by your website’s CSS code?
This should work for the mobile view.

@media (max-width: 500px) {
 .eapp-cookie-consent-item-container{
    font-family: Calibri !important;
 }
}

Please try it out and let me know if you like the result

3

Hi there, @Nick_Wells :wave:

I’ve checked the desktop and mobile version and the font seems to be the same there:

image
image1125×1905 83.7 KB


Could you please double-check it?

6

Well, as you can see… the font is League Spartan on the website, but in the screenshot it looks like a Serif Font like Times New Roman… Like it’s not picking up the font choices on mobile.

7

Ah, my bad!

The font didn’t work on the desktop either. I’ve replaced the previous code with the new one and everything worked great:

@import url('https://fonts.googleapis.com/css2?family=Spartan:wght@500;600;700&display=swap');

* {
font-family: 'Spartan';
}

Could you please double-check it?