How to make the focus theme logo with conditional responsive design

HR HR
asked 8 years ago

Hi, we have a small tagline at the bottom of our desktop version logo, (see here [http://prntscr.com/ani7gq] )

but we don’t want this tagline to appear in the mobile version, as the text is too small to read. How can we define a cropped version of the logo for mobile view?

thanks

1 Answers

DominicStaff
answered 8 years ago

To resolve this issue, you can add the following code to the style.css file:

@media (max-width: 480px) {

.wrap-navigation .small-logo {

 background-size: 60%;
 }
}

Hope this helps!