Lowering Nav Title font-size at mobile break point

Support
#1

I’m looking for the custom css needed to reduce my site title at the mobile breakpoint, I tried adding viewport CSS in custom CSS but I’m having bad luck.

I’m trying to achieve 50px font-size on desktop, and 30px font-size on mobile.

Thanks for everything, generally loving x-theme.

#2

Please ignore :stuck_out_tongue:


@media only screen and (max-width: 767px) {
    .x-brand{
        font-size: 30px;
    }
}

Did it for me. I was originally trying to edit “H1” in CSS.

#3

Glad to hear you got it sorted. :slight_smile:

#4

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