[Resolved] Top bar align two widgets right CSS not working

Home Forums Support [Resolved] Top bar align two widgets right CSS not working

Home Forums Support Top bar align two widgets right CSS not working

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1686935
    Giselle

    Hi,

    I’ve tried your recommended CSS to get two Top Bar widgets to align right on my site, but I can’t get it to work.

    Strangely enough, I tried setting Top Bar Alignment to left and changing the CSS and it worked as expected if the widgets were both left aligned (but I need them right aligned)!

    CSS:
    .top-bar-align-right .inside-top-bar > .widget:nth-child(even) {
    float: none;
    }

    Also tried:
    .top-bar-align-right .inside-top-bar > .widget:nth-child(2) {
    float: none;
    }

    Thanks for your help,

    Giselle Leeb

    #1687024
    David
    Staff
    Customer Support

    Hi there,

    try this CSS:

    .top-bar-align-right .widget:first-child {
      margin-left: unset;
    }
    
    .top-bar .inside-top-bar {
      justify-content: flex-end;
    }
    #1687040
    Giselle

    Hi David,

    Working! Thank you.

    Giselle

    #1687053
    David
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.