Top bar widget placement

  • Resolved mainahgal

    (@mainahgal)


    8 years, 3 months ago

    This is my last request I promise for my site! My site below has two widgets in the topbar menu. I have a text widget for the text and a plugin widget for social icons. The plugin is, Simple Follow Me Social Buttons Widget. The widgets all work lovely. My one desire though is for the text widget to be on the extreme left side of the topbar and the social icons to be on the extreme right. I want that for two reasons. 1. I think it will look less cluttered and be symmetrical and 2. I want the topbar to be thinner, the padding on the bottom and top to be thinner. Will separating these widgets with some css code accomplish those things for me?

    https://triplumb.com/

    Thank you in advance!

    ~Lydia

Viewing 2 replies - 1 through 2 (of 2 total)

  • Try adding this CSS:

    .kad-topbar-right {
    width: 100%;
}

.sfmsb-follow-social-buttons {
    float: right;
    display: inline-block;
    position: relative;
    bottom: 65px;
    margin-left: 10px;
}

div#topbar {
    max-height: 80px;
}

    The only issue I see here is that the icons are kind of big and will overlap with the text on mobile devices.

    Thread Starter mainahgal

    (@mainahgal)

    It worked beautifully with a couple of tweaks, you are the bomb! Thanks!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Top bar widget placement’ is closed to new replies.