Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 18, 2014 at 4:23 pm #353023
    consultnew

    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;
    }

    November 18, 2014 at 10:46 pm #353290
    Elliott

    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

    November 18, 2014 at 11:37 pm #353340
    consultnew
    This reply has been marked as private.
    November 19, 2014 at 3:29 pm #353722
    Josue

    Hey!

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

    Regards,
    Josue

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