Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #353023

    Hello

    I have this logo issu on mobile

    I have repeated this n number of times,, but unresolved.

    On potrait and landscape version
    I want the logo white padding to be less, the logo height to be less.
    this is how i am achieving this.
    But when I click Learn more >>>
    The parallax top background does not match to the top logo area.
    please use mobile and see

    @media screen and (max-width: 840px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
    .responsive #top #header .logo {
    height:25px!important;
    }
    .responsive #top #main {
    padding-top:30px !important;
    margin: 0;
    }
    }

    @media screen and (max-width: 990px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
    .responsive #top #header .logo {
    height:25px!important;
    }
    .responsive #top #main {
    padding-top:30px !important;
    margin: 0;
    }

    #353290

    Hi consult!

    It looks like the problem is this code in your Quick CSS field.

    .responsive #top #header .logo {
        height: 90px !important;
        margin: 0 auto;
        padding-bottom: 0;
        padding-top: 0;
    }

    Remove the !important rule. Or just reduce the height there.

    Best regards,
    Elliott

    #353340
    This reply has been marked as private.
    #353722

    Hey!

    Please don’t create duplicates, i’ll close this thread for now so we continue the conversation in the other one.

    Regards,
    Josue

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Mobile Top Logo padding issue’ is closed to new replies.