Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #978520
    rmgv2000
    Participant

    Goodday,

    my url is http://www.conciencia-coaching.nl

    I would like to align my logo image more to right. Closer to the navbar links.
    please help me.

    Thanks in advance

    #978786
    Joao
    Moderator

    Hi There,

    Please add the following code to your website at Appeareance / Customizer / Custom / CSS

    
    .x-brand img {
    
    margin-left: 200px;
    
    }

    You can adjust the amount of px to fit your desires.

    ——————

    Once that is said, I wouldnt reccomend you doing that, I believe I have a better solution for you that is the standard solution and will give you better results overall(in my opinion 🙂 )

    Instead of adding this code and moving your logo, you can regulate the space between the navlinks at Appereance /Customizer / Header . If you scroll down you will find Navbar top link spacing, and by playing with this paramenter you will be able to bring the links closer to your logo.

    A bit more down in the same tab you have MOBILE BUTTON you also will be able to adjust and aligned the mobile menu. You can see how it looks on mobile.

    Hope that helps,

    Joao

    #979982
    rmgv2000
    Participant
    This reply has been marked as private.
    #979984
    rmgv2000
    Participant

    PLease help me out
    thanks in advance

    #980042
    rmgv2000
    Participant
    This reply has been marked as private.
    #980055
    Christopher
    Moderator

    Hi there,

    Please add this :

    ul#menu-opn {
        float: none;
    }

    Hope it helps.

    #980075
    rmgv2000
    Participant

    thanks,

    it moved to the center. But a bit too far now. How can i adjust the px in the code as I desire?

    #980439
    Rad
    Moderator

    Hi there,

    You can try this one,

    ul#menu-opn {
        float: none;
        position: relative;
        top: -10px;
    }

    You can add left, right, bottom along with top negative positioning.

    Cheers!

  • <script> jQuery(function($){ $("#no-reply-978520 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>