Home / Forums / You Theme Support / Menu aligned to right

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

  • yaniv73
    Participant

    Hi
    http://www.omay-web.com/TCS/wordpress/home/

    Is there a way to control the menu alignment?
    At this point my menu is aligned to left which looks weird, I would like it either centered or aligned left (closer to the logo)

    Thanks

    Hi @yaniv73

    The only controls for the alignment is under Theme Options > Header > Layout > Horizontal Layout

    If you need both logo and menu to float left (which does not really look good), copy this CSS to force the menu to float left:

    nav#acoda-tabs {
        float: left;
    }

    Paste it into Theme Options > Custom CSS.

    Thanks!


    yaniv73
    Participant

    Thank you for your reply.

    Is there a way to control the Mobile menu?
    At this point we have the “Hamburger” menu on top of the logo which push the content down to much.
    I would like that the “Hamburger” Menu will be on the left side of the logo

    Regards

    Hi @yaniv73

    What do you mean by “Hamburger” menu? Can you send screenshots for that so we can check?

    Regards,


    yaniv73
    Participant
    This reply has been marked as private.

    Thanks for elaborating and my apologies for the delayed reply.

    Try to add this CSS into Appearance > Theme Options > Custom CSS > Mobile CSS

    #header-wrap .dock-panel-wrap {
        width: 80px;
        float: left;
        margin-top: 20px;
        border: 0;
    }
    
    nav.background-wrap.skinset-dockpanel.dock-menu-tabs.acoda-skin {
        width: 1000%;
    }

    If the issue persists, send over your site’s login credentials so I can personally test it.

    Thanks!


    yaniv73
    Participant
    This reply has been marked as private.

    Add this CSS to Mobile CSS:

    div#header-logo {
        margin: .875rem 0;
    }

    You can also decrease the margin-top on the first CSS I sent so the mobile menu moves up a little to match the new position of the logo.

    Thanks!

    Add this CSS to Mobile CSS:

    div#header-logo {
        margin: .875rem 0;
    }

    You can also decrease the margin-top on the first CSS I sent so the mobile menu moves up a little to match the new position of the logo.

    Thanks!


    yaniv73
    Participant

    Thank you very much.

    Great support

    You’re welcome, @yaniv73

    Please don’t hesitate to contact us if you encounter any issues.

    Regards,

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

You must be logged in to reply to this topic.