header customization

Hi suthye,

In your theme files add this into the desktop media query that we provided in that file as a base:

.sub_menu {
    right: 104px;
}
#top .social_bookmarks li {
    float: right;
}

This will get you most of the way there. The image in the first menu item can actually be placed right into that menu text in your menus manager to get the next bit of the effect you are looking for.

You could then also target the Contact us menu by its ID and give it a negative margin to push it over to the right and do the same on the social icons. The main issue will be keeping it all responsive and cross browser compatible but keeping your css changes for the desktop at least in the desktop media query (in the custom.css file) should help for the most part.

Regards,

Devin