Slogan header size in mobile

Public Ticket #20527

Conversation thread

Nello270 replied

4 years ago

Customer Reply

That works, thank you :)

PenciDesign Supporter replied

4 years ago

Staff Reply

Hi,

Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:

@media only screen and (max-width: 767px) {
    .header-slogan .header-slogan-text {
        font-size: 12px;
    }
}

Change 12px with the font size you want to show on the mobile.

Regards,
PenciDesign.

Nello270 started the conversation

4 years ago

Conversation Start

I'm working out the last details of my homepage design... can I make the slogan header font size smaller in mobile views? It looks good in desktop and tablet but seems too big on smartphones.

Thanks :)

Want to join this conversation or access attachments? Sign in first.