Mobile Logo And Navigation Bar Padding - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Mobile Logo And Navigation Bar Padding

M

Matthew

Helix Framework 2 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

0
3 Answers
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #119525

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.

0
M
Matthew
Accepted Answer
2 years ago #119532

Thanks for the swift reply! This fixed it nicely

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #119537

You are always welcome.

0