Mobile title and tagline sizing: tablet to phone and back

[Luke Shenefield]

Luke Shenefield

August 13, 2019 at 8:29 am

Hello there,

I know there is a # for the mobile title in ascend, but I’m looking to have a middle ground. Desktop is a logo, but I’m losing the logo (too large) on smaller devices. I was successful in creating a larger title on a tablet, but now I need to smallen the title back down on the phone, and I can’t get it. Here’s the code:

/*mobile logo tagline options*/

#mobile-logo .kad-mobile-site-title {
font-weight: bold !important;
font-size: 30px !important;
}

(THAT WAS FOR THE TABLET SIZE)

#mobile-logo a .kad-mobile-site-tagline {
display: none;

@media only screen and (max-width: 600px) {
#mobile-logo .kad-mobile-site-title {
font-weight: bold !important;
font-size: 16px !important;
}
}

(I WANTED TO USE THE @MEDIA TO REDUCE THE FONT TO MOBILE…)
/*end mobile logo options*/

rufflemetosleep.com

What am I missing?