Archived topic

Top Bar Padding

1 reply · Started by Paul on January 22, 2018

Viewing posts 1–2 of 2

January 22, 2018 at 4:07 pm #477553

I have a custom html widget and ls icons in the top bar. Above 767px the icons are horizontally centered but the html widget is not. If I center the top bar layout, both are fine. See here:

https://style960.com/snip1.PNG
https://style960.com/snip2.PNG

How can I horizontally align the html widget? I have already changed top padding to 18px in the customizer for this otherwise the social icons are not horizontally aligned by default, but even at the default 10px the phone number would still need some custom css to align it.

Thanks.

January 22, 2018 at 5:58 pm #477607

Hi there,

I would set the top and padding to be the same.

The remove the bottom margin of icons:

.top-bar .lsi-social-icons li {
    margin-bottom: 0 !important;
}

Then give the phone number a little top padding:

.top-bar-phone-number {
    padding-top: 5px;
}

This archived topic is closed to new replies.

Start building better websites today.