Reducing Size of Top Bar

Support
#1

Hi there,

I have customised the top bar of this site:

But cannot work out how to reduce the padding/margin on top and bottom of the flags to reduce the size of the top bar.

Can you please help with this?

Thanks in advance!

#2

@freedomdesign try putting this in ur CSS (does that reduce it enough?)

.x-topbar .x-social-global {
margin-top: 0px !important;
}

#3

Hey @freedomdesign,

Reducing the social icons’ top margin will not reduce your topbar height because the topbar has a min-height of 46px by design. You can override it by adding this code in your Global CSS

.x-topbar {
    min-height: 35px;
}

After that, you can reduce the top margin of the social global.

.x-topbar .x-social-global {
    margin-top: 2px;
}

Hope that helps.

#4

Perfect - thank you!

@kimmikennedy thanks for your input here too!

#5

On behalf of my colleague, you’re welcome. Cheers! :slight_smile:

#6

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