Black Friday Sale! Get $20 off GP Premium, $40 off our new Lifetime license, and 45% off license renewals/extensions! Learn more

[Support request] Top Bar Padding

Home Forums Support Top Bar Padding

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #477553
    Paul

    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.

    #477607
    Leo
    Staff
    Customer Support

    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;
    }
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.