Home / Forums / You Theme Support / Display logo and menu dock in same line in stead of one underneath the other

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

  • adsights
    Participant

    Hi,

    Could you please provide me with the css code to display the logo and ‘menu toggle icon’ on the same line in stead of one underneath the other? This applies for smaller screens only. You can see what I mean by visiting my homepage https://www.adsights.nl and decrease the dimensions of your window.

    Thanks in advance.

    Marnix

    Hi @adsights

    This is possible but this will require a number of CSS changes. It is best to leave such as is but if you want to proceed, we can provide with the CSS codes needed to get you started.

    Thanks!


    adsights
    Participant

    Thanks for the fast response. I’m ready to change whatever is needed, as I strongly dislike the way it’s displayed now. Would be very happy if you could guide me through the process 🙂

    .Please use this CSS. Add it inside Appearance > Theme Options> Custom CSS

    @media only screen and (max-width: 1024px) {
    .fa-bars:before,
        position: fixed;
        top: 5px;
    }
    
    ul.dock-panel {
        text-align: right;
    }
    
    #header {
        position: relative;
        width: 80%;
        margin: 0;
        z-index: 9999;
    }
    
    .dock-panel-wrap {
        width: 100%;
        z-index: 999;
        border-bottom: 0;
    }
    
    #header-logo{
        text-align: left;
        margin-top: -70px;
    }
    }

    Thanks!

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

You must be logged in to reply to this topic.