Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • August 21, 2018 at 12:40 pm #999794
    nyeinkolat

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

    August 21, 2018 at 7:08 pm #999939
    Jordan Shannon

    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

    August 23, 2018 at 9:57 am #1000641
    nyeinkolat

    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.

    August 23, 2018 at 3:32 pm #1000791
    Victoria

    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

    August 24, 2018 at 5:30 am #1001033
    nyeinkolat

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

    August 24, 2018 at 1:32 pm #1001201
    Victoria

    Hi Nyein Ko Lat,

    Glad we could help :)

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

    September 19, 2018 at 10:26 pm #1012043
    higrace7391

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

    September 20, 2018 at 4:59 am #1012131
    Vinay

    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

    September 20, 2018 at 4:18 pm #1012377
    higrace7391

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

    September 20, 2018 at 6:51 pm #1012426
    Jordan Shannon

    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

    January 21, 2021 at 7:59 pm #1274520
    NicomIT

    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!

    January 23, 2021 at 4:50 am #1274889
    Rikard

    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

    January 25, 2021 at 5:53 pm #1275312
    NicomIT

    Thanks Rikard, that did the trick.

    January 26, 2021 at 7:16 am #1275383
    Jordan Shannon

    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

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