Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #999794

    Hello there,
    Can I move my secondary menu to Center? Now I can only choose the option Left (or) Right.
    Ko Lat.

    #999939

    Hey nyeinkolat,

    Please provide a link to the site/page in question so we can see if this may be possible via CSS.

    Best regards,
    Jordan Shannon

    #1000641

    Hello Jordan Shannon,
    Now My site is not yet publish, still in developing process. So I’m not yet insert license code to my site. you can check my site @ http://acacia.hol.es. I want to move my secondary Menu “Home, About, Contact, Online Store” to Center same as main menu.
    Best Regard,
    Nyein Ko Lat.

    #1000791

    Hi nyeinkolat,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
    #top .av_secondary_right .sub_menu {
        float: none;
        margin: 0 auto;
        display: block;
        width: 25%;
    }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #1001033

    Dear Victoria,
    Thank you for your help, it work well with quick css, and looking great.
    Best Regard,
    Nyein Ko Lat.

    #1001201

    Hi Nyein Ko Lat,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

    #1012043

    Can you help me with centering the top menu? I tried the CSS above and didn’t work.

    #1012131

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    CSS Snippet:

    
    /* Top Bar content alignment */
    
    #top #header_meta .container {
    	display: flex;
    	justify-content: center;
    }
    
    #top #header_meta .sub_menu {
    	top:0;
    }
    #top #header_meta .sub_menu,
    #top #header_meta .social_bookmarks {
    	align-self: center;
    }
    
    #top #header_meta .phone-info {
    	order: 2;
    }
    
    #top #header_meta .phone-info span {
    	display: flex;
    	align-items: center;
    }
    
    #top #header_meta .sub_menu {
    	order: 1;
    }
    #top #header_meta .social_bookmarks {
    	order: 3;
    }
    
    
    
    
    
    

    Best regards,
    Vinay

    #1012377

    THANK YOU SO MUCH!!!! It works!!

    #1012426

    Hey higrace7391,

    I’m glad you were able to get this resolved. If you need addtional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

    #1274520

    I used the code above that Victoria provided and it works fine at the breakpoint where the logo goes from being centered to aligned left and the mobile menu aligned to the right. But before that it’s not quite centered. If you look at the sample link below at a screen size of around 900 pixels wide, you can see the menu/language switcher isn’t centered above the logo. Would anyone happen to know what is causing that? Thanks!

    #1274889

    Hi NicomIT,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 990px) {
    #top .av_secondary_right .sub_menu {
        float: none;
    }
    #avia2-menu {
        display: table;
        margin: 0 auto;
        float: none;
    }
    }

    Best regards,
    Rikard

    #1275312

    Thanks Rikard, that did the trick.

    #1275383

    Hey NicomIT,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

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

You must be logged in to reply to this topic.