Aligning Submenu

Hi there, thanks for the awesome theme.
I’m having a trouble with the submenu, it’s keep drop down to the left of the header’s menu, how can I make it center?
My website URL: https://hocvienaothuat.vn/

Thanks for your support

Hi,

If I got your query clearly, you’d add this CSS code to Appearance > Customize > Additional CSS from dashboard.

    #mainnav .sub-menu li {
      margin-left: 0;
      margin-right: 0;
    } 

Regards,
Kharis
aThemes Support

Nothing happened. I just want to line up these two sections
Untitled

Hello,

First thanks for using our theme and provide a screenshot!

Please try with this new CSS code below:

#mainnav .sub-menu {
	left: 50% !important;
    transform: translate3d(-50%, 0, 0);
}

#mainnav .sub-menu li {
    margin-left: 0;
    margin-right: 0;
}

We hope this helps!

Please try that and let us know if you need further assistance.

Kind Regards,

Rodrigo,

aThemes Support

thank you so much my friend, it’s WORKED.

but now the SECOND submenu is now in centered too
Sorry if im too annoying but can you please help me to align the second submenu to the right like before?

Untitled

Hello,

Oh right! Please try with this new custom CSS code:

#mainnav .menu > li > .sub-menu {
	left: 50% !important;
    transform: translate3d(-50%, 0, 0);
}

#mainnav .sub-menu li {
    margin-left: 0 ;
    margin-right: 0;
}

Do not worry in send questions here. We are here to help :slight_smile:

Please try that and let us know if you need further assistance.

Kind Regards,

Rodrigo,

aThemes Support

2 Likes

thank you for the awesome support, you guys are really great!

Hello,

Great the issue is now resolved!

Let us know if you need further assistance.

Kind Regards,

Rodrigo.

aThemes Support

1 Like