Skip to content
Public Ticket #11572

Change logo size on Mobile & edit padding below logo

Conversation thread

Roberta_A replied

Customer Reply

Great, thank you very much :) Worked!

PenciDesign replied

Staff Reply

Hi,

1/ To do that, please add more this code to Customize > Custom CSS:

@media only screen and (max-width: 767px){
#logo a{ max-width: 180px; }
}

Change value 180 to value as you want.

2/ Please try add more this code to Customize > Custom CSS to reduce the padding between logo and breadcrumbs:

.container.penci-breadcrumb{ margin-top: -60px; }

Best Regards,

PenciDesign

Roberta_A started the conversation

Conversation Start

Hi, how can I edit the size on mobile for the logo as it looks huge (see attachment)

relate; how can I reduce padding between logo and breadcrumbs? Thanks

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