Title: Topbar Logo Align
Last modified: April 1, 2018

---

# Topbar Logo Align

 *  Resolved [Svrakata](https://wordpress.org/support/users/svrakata/)
 * (@svrakata)
 * [8 years, 1 month ago](https://wordpress.org/support/topic/topbar-logo-align/)
 * Hi there,
 * I wanted to put a small logo in the topbar. I figured out how to add it as an
   image widget but it appears above the other social media links widget, while 
   I want it to apear next to it to the left, as the leftmost one. I tried different
   css tweaks to no avail. Such as these:
 * .topclass {
    position: relative; z-index: 1000; width: 100%; }
 * .topclass .icon {
    float: left; }
 * .topbarmenu ul li {
    float: right; }
 * .topbar-widget {
    float: left; }
 * [@media](https://wordpress.org/support/users/media/) (min-width: 992px) {
    .col-
   md-6.col-sm-6.kad-topbar-left { width: 50%; } .col-md-6.col-sm-6.kad-topbar-right{
   width: 50%; }
 * .kad-cart-total {
    float: right; }
 * I would appreciate any idea.
 * Thanks,
    Nick
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Ftopbar-logo-align%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  [hannah](https://wordpress.org/support/users/hannahritner/)
 * (@hannahritner)
 * [8 years, 1 month ago](https://wordpress.org/support/topic/topbar-logo-align/#post-10138508)
 * Hi Nick,
    I’m seeing your logo to the left of your social links. Looks like you
   were able to figure this out?
 * Hannah
 *  Thread Starter [Svrakata](https://wordpress.org/support/users/svrakata/)
 * (@svrakata)
 * [8 years, 1 month ago](https://wordpress.org/support/topic/topbar-logo-align/#post-10138609)
 * Hi Hannah,
 * Thanks for reaching out. Well, yes I figured some workaround, although when the
   window of the browser is narrower or on the mobile version toolbar again looks
   messy.
 * But I guess I’ll have to read a lot more to make it decent and responsive there.
   If you have tips for that, they are more than welcome 🙂
 * N.
 *  [hannah](https://wordpress.org/support/users/hannahritner/)
 * (@hannahritner)
 * [8 years, 1 month ago](https://wordpress.org/support/topic/topbar-logo-align/#post-10138916)
 * Try adding this to your custom css:
 *     ```
       @media (max-width: 767px) {
       #topbar .kad-topbar-left, #topbar .kad-topbar-left .topbarmenu {
           float: right;
       }
       .col-md-6.col-sm-6.kad-topbar-right {
           width: 50%;
       }
       .col-md-6.col-sm-6.kad-topbar-left {
           width: 50%;
       }
       }
       .topbar-widget {
           display: flex;
       }
       ```
   
 * Let me know how that works for you!
 * Hannah
 *  Thread Starter [Svrakata](https://wordpress.org/support/users/svrakata/)
 * (@svrakata)
 * [8 years, 1 month ago](https://wordpress.org/support/topic/topbar-logo-align/#post-10139415)
 * Hey,
 * With some additional twaking now it is starting to take shape. Currently it contains
   quite some lines, guess some of them are now useless, but I’ll clean them up 
   later:
 * .topclass {
    position: fixed; z-index: 1000; width: 100%; }
 * .topclass .icon {
    float: left; }
 * .topbarmenu ul li {
    float: left; display: flex; }
 * .topbar-widget {
    float: left; display: flex; }
 * [@media](https://wordpress.org/support/users/media/) (max-width: 767px) {
    #topbar.
   kad-topbar-left, #topbar .kad-topbar-left .topbarmenu { float: right; } .col-
   md-6.col-sm-6.kad-topbar-right { width: 35%; } .col-md-6.col-sm-6.kad-topbar-
   left { width: 65%; } }
 * .so-widget-lsow-icon-list {
    float: left; padding-top: 5px; }
 * .virtue_social_widget.clearfix{
    float: right; padding-top: 10px; padding-bottom:
   10px; }
 * .kad-cart-total {
    float: right; display: flex; }
 * Anyway thank you for the quick support!
 * Best,
 * N.

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

The topic ‘Topbar Logo Align’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/virtue/3.4.15/screenshot.png)
 * Virtue
 * [Support Threads](https://wordpress.org/support/theme/virtue/)
 * [Active Topics](https://wordpress.org/support/theme/virtue/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/virtue/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/virtue/reviews/)

 * 4 replies
 * 2 participants
 * Last reply from: [Svrakata](https://wordpress.org/support/users/svrakata/)
 * Last activity: [8 years, 1 month ago](https://wordpress.org/support/topic/topbar-logo-align/#post-10139415)
 * Status: resolved