How do I use a custom font for information bar buttons on mobile version

Site URL: https://www.madsonwines.com/

Hi there, 

Trying to figure out how to apply a custom font to the information bar specifically for mobile. I used custom css to change the font for the info bar on desktop and it's working just fine, but when I look at our site on mobile, the custom css works across the website with the exception of the information bar. I've attached screenshots of the desktop (what the font should be) and the mobile (where it's not working). 

Anyone know how I can fix this? 

@tuanphan any chance you know how to fix this? 

@meganheath that worked, thanks so much! 🙂

@meganheath Hey Megan! Similar question but curious if you know how to change CSS for forms on the website? Here's what I'm referring to: https://www.madsonwines.com/join-list (want to have the form font match rest of page)

On 2/24/2022 at 10:23 AM, madsonhill said:

 Hey Megan! Similar question but curious if you know how to change CSS for forms on the website? Here's what I'm referring to: https://www.madsonwines.com/join-list (want to have the form font match rest of page)

Can you describe in more detail? change text font size, name or?

@tuanphan I just want to change the font style on the form to match the rest of the website (CorporateSBold). You can look at what I mean here: https://www.madsonwines.com/join-list 

Sorry @tuanphan wrong link! Here is the correct one: https://www.madsonwines.com/joinlist 

I want the form font style to match the font style in the body above the form.

On 3/2/2022 at 4:12 AM, madsonhill said:

Sorry @tuanphan wrong link! Here is the correct one: https://www.madsonwines.com/joinlist 

 

I want the form font style to match the font style in the body above the form.

With font name, add this to Design > Custom CSS

div#block-41ed9c90bb731e181f50 * {
    font-family: 'AvenirNext' !important;
}

Worked! thanks so much @tuanphan!