Make header responsive on mobile devices

Home Forums Radiate Free Make header responsive on mobile devices

Tagged: ,

This topic contains 16 replies, has 8 voices, and was last updated by  Nitu Shrestha 7 months, 3 weeks ago.

Viewing 2 posts - 16 through 17 (of 17 total)
  • Author
    Posts
  • #1404151

    rene3
    Participant

    We decided to use the above code from @maxineholder.

    However, there was missing a } in the CSS, this is the corrected code:

    @media screen and (max-width: 768px) {
    #masthead {
    margin-bottom: 230px;
    }
    #parallax-bg {
    background-repeat: no-repeat;
    background-size: 768px 230px;
    }
    }
    @media screen and (max-width: 767px) {
    #masthead {
    margin-bottom: 145px !important;
    }
    #parallax-bg {
    background-repeat: no-repeat;
    background-size: 600px 180px;
    }
    }
    @media only screen and (max-width: 400px) {
    #masthead {
    margin-bottom: 100px !important;
    }
    #parallax-bg {
    background-repeat: no-repeat;
    background-size: 360px 100px;
    }
    }
    #1404197

    Nitu Shrestha
    Moderator

    @rene3

    Do let us know if you have any further query regarding to our theme.

    Thanks.

Viewing 2 posts - 16 through 17 (of 17 total)

You must be logged in to reply to this topic.