Mobile Header Logo

Public Ticket #27983

Conversation thread

2 years ago

Customer Reply

Thank you, this did the trick. I appreciate all of your help!

2 years ago

Staff Reply

Hi,

1. Please go to Appearance → Customize → Logo & Header → Logo → Upload Logo for Mobile: upload for mobile at this option,

2. Navigate to Customize → Custom CSS: paste the following CSS code:

@media only screen and (max-width: 767px) {
 .inner-header {
 display: none;
 }
}

Regards,
PenciDesign.

2 years ago

Customer Reply

It's currently showing the logo twice.

Is there a way to show it only once on mobile on the main bar?

2 years ago

Customer Reply

Thank you. Lastly, how do I add a separate logo for the main bar?

2 years ago

Staff Reply

Hi,

Please go to Appearance → Customize → Logo & Header → Main Bar & Primary Menu: turn on the following options:

- Display Logo on Main Bar on Mobile Devices

- Move Logo on Main Bar on Mobile to Center

Regards,
PenciDesign.

2 years ago

Conversation Start

How can I add a logo to the header on the mobile view next to the hamburger menu? This would be separate from the site header.

Want to join this conversation or access attachments? Sign in first.