Make header transparent on mobile?

Support
#1

Hello,

My website looks good from my desktop. When I access from my mobile phone my header is a grey box. Please take a look and advise. www.GeorgetownPets.com

#2

Hi there,

Please add the CSS code below to X > Launch > Options > CSS.

@media (max-width: 767px) {
.x-topbar .p-info {
    background-color: transparent;
   }
}

Hope that’ll solve the issue.

Best regards.

#3

Almost. Seems to be transparent now, but the last of my text on the right side gets cut off. Any ideas?

#4

Hi there,

Please update the previous code with:

@media (max-width: 767px) {
.x-topbar .p-info {
    background-color: transparent;
    margin-left: -25px;
   }
}

Hope that’ll do it.

Best regards.

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.