icons in the menu bar

Hey schweg33,

Thank you for the inquiry.

You can add this css code to adjust the position of the social icon bookmarks.

#top .social_bookmarks {
    position: relative;
    top: 42px;
    right: 50px;
}

#top .header_color .social_bookmarks a {
    color: #ffffff;
}

And if you want to hide the top header, add this css.

#header_meta, #header_meta .container {
    min-height: 0;
    height: 0;
    margin-top: -30px;
}

.html_header_top.html_header_sticky #top #wrap_all #main {
    padding-top: 55px;
}

Best regards,
Ismael

Hi,

You can adjust the cart’s position in Enfold > Shop Options > Header Shopping Cart Icon settings. Choose the first or second option to make the cart float on the right edge of the screen.

Best regards,
Ismael

Hi,
Thank you for your patience, currently your shopping cart is on the right edge of the screen on desktop and mobile, so I’m not sure what you mean by you want it directly behind the instagram, but you can make the background color of the cart blue with this css:

#top .header_color .cart_dropdown_link {
   background-color: #0098d2;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
They are not in the same container so it would take some css for each screen size, you can try this css for desktop:

@media only screen and (min-width: 1836px) { 
.html_visible_cart .cart_dropdown {
    right: 27%;
}
}

and then adjust for each screen size.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike