Docs

[nedalpert]

Hello:

I am trying to reduce the font-size on my iPhone settings, as the site title extends past the device borders.

I was able (a separate matter) to make some child theme CSS adjustments to this tag (.x-brand), changing the color and referring to a custom font like so:

.x-brand {
font-family: ‘Herculanum’, sans-serif;
color: #999999;
}

/* Media Queries */
@media only screen
and (min-device-width: 375px)
and (max-device-width: 667px)
and (orientation: portrait) {
.x-brand {font-size: 24px !important;}
}

The Media Query above is just not working, and I have tweaked the dimensions and also the tag (tried .x-brand text with no success) — can you see what I am doing wrong? I have the Customizer logo text set to 60 for the desktop size.

Thanks, Ned

[nedalpert]

FYI — web url is ambrosianijewelry.com

Thanks, Ned

[Darshana]

Hi there,

Thanks for writing in! First of all, you could copy all your custom CSS rules into an online tool like CSS Lint (http://csslint.net/) to make sure that there are no errors.

Let us know how it goes.
Thanks!

[Author]

Posts