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;
}
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
Hey!
Please don’t create duplicates, i’ll close this thread for now so we continue the conversation in the other one.
Regards,
Josue