Change font in Restaurant Menu

Ask the Community Customization
1

Hi there!

This was very usefull. The only problem that I have is that it did not work for the mobile version.
It did very well for the Desktop version.

How can I make it work for the mobile version?

Here is my URL:

*Remember, you have to go with a mobile so you can see, because on the Desktop version it’s working very well!
Please, is very important that the font ( Big Noodle Titling) work on the mobile version too.

1 Like
3

Hi there @user14774 :wave:

I’ve checked your website both on desktop and mobile and found that the font hasn’t been applied to the widget.

However, I’ve slightly adjusted the code and everything seems to be fine now:


[class*="RestaurantMenu__Component-sc"] {
  font-family: Big Noodle Titling !important;
}

Please check your website and let me know if it’s fine now :slightly_smiling_face:

4

That is wonderfull! Thank you so much for answer me so fast!
It worked and it’s perfect that way

2 Likes
5

It’s my pleasure to help you :wink:

6

OMG!! I accidentally erase the wrong widget!!!
I was testing another one and unstead of erase the new one, I erase the old that I’m using on my web site!!

Tell me please that there is a way to gert it back as it was before erasing it!

1 Like
7

Your widget is restored!

Check it out and let me know if it’s fine now :slightly_smiling_face:

8

Thank you!! It’s not the last version, but I can change the things that I did. For the font it’s not the same code that you changed the last time, but I can copie the code that you put on the description.

Thank you! You saved me a lot of time!

2 Likes
9

You are welcome :wink:

10

I noticed that the frame of the template is not completly Wide.

On my website all the other templates fill up completly the page but This one is not.

Is there a way to do it?

1 Like
11

Oh. I see it!

Our devs will be happy to help you with it! I’ve passed your request to them and will get back to you tomorrow :wink:

12

Hi @user14774 :wave:

There was an issue with your website’s layout, but we’ve used this code in the Custom CSS field and now it’s fine:

.global-styles, .section:has(.elfsight-app-5e795392-64bd-4f3d-986e-2a9319280e46) {
    max-width: none;
    padding-left: 0;
    padding-right: 0;
}

Check your website and let me know how it looks :wink: