Sub menu positioning

Hi,
Thanks for the screenshots, the css that moves the cart over to the edge for screens between 767px – 1023px is mixed with some other css:

So after you decide what screen sizes you want this to work for, remove this line and them create a new rule, this is an example if you want it to work up to 1440px:

@media only screen and (min-width: 767px) and (max-width: 1440px){
.responsive #top #wrap_all .main_menu {
    right: -80px !important;
}
}

But I would advice to not do this because when elements are too close to the edge of the screen you may get warnings from page audit tools, as they recommend some space around items. Allowing the default theme placement is probably the best choice, but it’s up to you.
If you want the icons in the top bar to show on mobile try this css:

@media only screen and (min-width: 768px) and (max-width: 989px){
.responsive.html_mobile_menu_tablet #top #header #header_meta .social_bookmarks {
    display: block;
}
}
@media only screen and (max-width: 767px) {
.responsive #top #header .social_bookmarks {
    display: block;
}
}
@media only screen and (max-width: 479px){
.responsive #top #wrap_all #header .social_bookmarks, .responsive #top #wrap_all #main .av-logo-container .social_bookmarks {
    display: block;
    padding-left: 13%;
}
}

Best regards,
Mike

Hi,
Thanks for sharing, shall we close this thread then?

Best regards,
Mike

Hi,
Glad that we could help,thanks for using Enfold.

Best regards,
Mike