Mobile Logo and Navigation bar padding - Forum | JoomShaper
Solved Helix Framework

Mobile Logo and Navigation bar padding

Asked by Matthew 3 years ago Last activity 3 years ago

Hello, I do not appear to be able to control the padding for when my website logo/header is viewed on a mobile device. As you can see from the image, the padding/margin at the top looks correct but the bottom doesn't match this.

It appears fine on Desktop/Laptop/Tablet.

https://1drv.ms/i/s!AqJVYzT9HKCcijDkDlK2PH9j63Yk?e=BucRJJ

I want the white space above and below the logo to be identical

Accepted answer

Marked as the solution
Mehtaz Afsana Borsha Staff
3 years ago

Hi

Thanks for contacting us. Use this custom CSS

@media (max-width: 844px){
.logo-image-phone {
    position: relative;
    top: -5px;
}
}

Go to system--> https://prnt.sc/tDbSUJh6LiGu --> Default template-->Template options--> https://prnt.sc/A5nlsBvCQsqs And add your CSS there.

-Regards.

1 more reply

Matthew Asked this
3 years ago

Thanks for the swift reply! This fixed it nicely

Mehtaz Afsana Borsha Staff
3 years ago

You are always welcome.

Log in to reply.