Theme Horse

problem changing the font-size of slogan

This topic has 3 replies, 2 voices, and was last updated 7 years, 5 months ago by Theme Horse Support Team.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
February 10, 2018 at 4:22 pm #55188

joshlepper
Participant

Hi,

I am trying to change the size of the font of the primary slogan when displayed on mobile devices. I have placed the following code in the CSS:

@media only screen and (max-width: 767px) {
#site-description {
font-size: 12px;
}
.slogan-wrap .slogan {
font-size: 10px;
font-weight: normal;
}
}

The line “font-weight: normal;” works fine. But the font size does not change when in mobile view. Any ideas?

Thanks,

Josh.

February 12, 2018 at 3:38 am #55199
Theme Horse Support Team
Keymaster
Hi Josh,

Please add below custom css code to change the size of the font of the primary slogan on mobile devices.
```
@media only screen and (max-width: 767px)
.slogan-wrap .slogan {
    font-size: 17px !important;
}
```
Thank you!
February 15, 2018 at 9:14 am #55222

joshlepper
Participant

Hi, That did it!

Thanks for your help.

February 15, 2018 at 9:29 am #55225

Theme Horse Support Team
Keymaster

Welcome anytime Josh.
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.