Add responsive css styles

pior

Hey!

Thank´s again for all the good work you guys make.

When viewing Hypershot in a smaller device like iPhone etc, the fonts etc does not scale. Is there a way to add a responsive css-styles for typography etc depending on the same rules as the top menu does?

Air

Hello:-)

Hypershot is responsive theme, so there are already responsive CSS rules. If you wish to affect font sizes of various elements you can do it in section(style.css line~3678) starting with:

@media only screen and (max-width: 650px) {

Just disable before compressed CSS in Advance menu.

With regards.

pior

I´m using Hypershot child theme and I´ve disabled the compressed css option. I´m writing the new css:

@media only screen and (max-width: 650px) {
h1 {
font-size: 26px; }
}

I can´t get it to overwrite the h1 in the original style.css?

Edit: I got it working, Thank you Air! (made the changes in the main css, not the child-themes)

Air

Great :-)

Probably your selector was too weak. You would have to do it same power(with ID or class selector) or stronger. Maybe it was other issue, but doesn't matter now:-)

With regards.

pior

Thank´s, look´s real good now.