Topbar info alignment

Hey jeffwcy,
Try this code in the General Styling > Quick CSS field:

@media only screen and (min-width: 1023px) { 
.sub_menu {
    float: right !important; 
}
}
@media only screen and (min-width: 767px) and (max-width: 1023px) {
    .sub_menu {
    margin-left: 45% !important; 
}
}

Best regards,
Mike

Hi,
Oh I see, you want both to the right all of the time, please remove the above code so we can try again.

Best regards,
Mike

Hi,
Try this code in the General Styling > Quick CSS field:

#top #header_meta .sub_menu {
float: right !important; 
}
@media only screen and (max-width: 767px) {
.responsive #header .sub_menu {
    float: right !important; 
    width: auto !important; 
    text-align: right !important; 
    position: static !important; 
}
.responsive #header_meta .sub_menu>ul>li {
    padding: 0px !important; 
}
}
@media only screen and (max-width: 989px) {
.responsive.html_mobile_menu_tablet .phone-info {
    width: 90% !important; 
    text-align: right !important; 
    position: absolute !important; 
}
}
@media only screen and (max-width: 546px) {
.responsive.html_mobile_menu_tablet .phone-info {
    width: 80% !important;
}
}

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
And if there are features that you wish Enfold had, you can request them and vote the requested ones here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

Best regards,
Mike