Accordion font changes on mobile

Support
#1

The font on the accordion is different on mobile vs desktop?

It also appears that the font in the navigation is not correct? they both should be BlackBeard. It looks correct on my computer and another designer but no one else in the office sees it correctly

#2

Hello @spiker,

Thanks for asking. :slight_smile:

On my end navigation and accordion color looks same when viewing website from desktop or mobile. Please see screencast. https://screencast.com/t/5pUYp6ZBG

Thanks.

#3

It isn’t the color, it is the actual font, I want it to look like the attached.

#4

Hi,

Please change your css code from this

.x-accordion-heading .x-accordion-toggle {
    color: #5c0628;
    font-size: 23px;
    font-family: "BlackBeard" !important;
}

to this

.x-accordion-heading .x-accordion-toggle {
    color: #5c0628;
    font-size: 23px;
    font-family: "black-beard" !important;
}

Hope that helps

#5

that fixed the accordion issue, what about the font in the navigation bar?

#6

Hello @spiker,

Thanks for updating thread. :slight_smile:

Please add following CSS under Pro > Launch > Theme Options > CSS to change navbar font:

.x-navbar .x-nav > li > a > span {font-family: "black-beard" !important;}

.x-navbar .x-nav-wrap .x-nav > li > a {font-family: "black-beard" !important;}

Thanks.

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.