Tagged: 

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • December 21, 2019 at 10:41 am #230783
    maud
    Participant

    hi everyone,

    i am trying to change the size of the logo and the featured header image for sreens smaller than 765px because both images are to close from each other on mobile devices.

    I tried to add in the css :


    @media     all and (max-width: 480px) {
    .custom-logo .site-header-logo {
    max-width: 100px;
    height: 100px;
    }
    }

    But it doesn’t change anything. It would e great if someone could help me !

    Thank you 🙂

    Maud

    December 22, 2019 at 12:43 am #230814
    tikaram
    Participant

    @maud: Let me know if this helps you out.

    @media only screen and (max-width: 765px) {
  .custom-logo .site-header-logo {
  max-width: 100px;
  height: 100px;
  }
}

    Regards,
    Tikaram

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • The topic ‘How to resize the logo and header featured image for mobile screens’ is closed to new replies.