[Support request] Top bar divided into 3 columns

Home Forums Support Top bar divided into 3 columns

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1502105
    Stefano

    Hi there,
    I wanted to know if it is possible to set the top bar in 3 columns, without creating problems in the mobile version.

    Thanks for your answer
    Stefano

    #1502221
    David
    Staff
    Customer Support

    Hi there,

    Do you have a screenshot / example of how you want the Top Bar to look?

    #1502275
    Stefano

    Hi David,
    I forward you a website as an example.

    #1502598
    David
    Staff
    Customer Support

    Add your 3rd widget to the top bar, then add this CSS:

    @media(min-width: 769px) {
        .inside-top-bar {
            display: flex;
            width: 100%;
            box-shadow: border-box;
        }
        .top-bar .inside-top-bar .widget:nth-child(2) {
            margin-left: auto;
            margin-right: auto;
        }
    }

    Then simply re-order the Widgets for the correct one to be in the middle.

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.