Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • June 28, 2016 at 11:48 am #654131
    clairemartindigital

    hi there,

    could you guys tell me why the following media query is not working on the below page?

    @media only screen and (max-width: 480px) {
    .servicesheader1 {
    font-size: 20px !important;
    }}

    @media only screen and (max-width: 480px) {
    .services-header-2 {
    font-size: 20px !important;
    }}

    url: http://digitalfreelancer.net.au/capabilities/

    June 28, 2016 at 12:53 pm #654172
    Yigit

    Hey clairemartindigital!

    Please try changing your code to following one 

    
@media only screen and (max-width: 480px) {
.servicesheader1 * {
font-size: 20px !important;
}}

@media only screen and (max-width: 480px) {
.services-header-2 * {
font-size: 20px !important;
}}

    Also, please try adding the code to style.css file of your child theme in Appearance > Editor

    Cheers!
    Yigit

    June 28, 2016 at 1:07 pm #654192
    clairemartindigital

    Hi Yigit,

    seems to have worked for the first header. But not for the second header. Any other ideas?

    Thanks

    June 28, 2016 at 6:40 pm #654370
    Yigit

    Hi,

    For the second header, you placed dot in front of custom CSS class. Please edit your element and remove the dot :)

    Best regards,
    Yigit

    June 28, 2016 at 11:07 pm #654519
    clairemartindigital

    oops…thanks. you can close this. any news on the other tickets?

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘@media only screen not working’ is closed to new replies.