Header Icon Positions

[amrit02]

Hi there,
I recently made some changes to my website header ,
however due to the extreme spacing between menu text ,
it doesnt work well with resolutions below 1500 px.
The header menus seem to create a new line.
Somehow this was fixed with the following CSS:

@media screen and (min-width:1281px) and (max-width:1506px){
.full-center nav.float-alt-menu ul.menu > li > a, .full-center #header nav.std-menu ul.menu > li > a{padding:1px 20px 20px 50px !important;}
.shopping-bag-item a > span.num-items{right:18px !important;}
}

However, the Cart And Account icons seem to run out of place.
Is there a CSS code to position the Cart, Shopping Bag # of Items and Account icons back to its place in this screen resolution?

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

Can’t figure the correct css to fix it. Will forward it to Ed.

-Rui

[Swift Ideas – Ed]

Add this css, that should sort:

.full-center #header .aux-item nav.std-menu ul.menu>li>a {
    padding: 0 10px!important;
}

– Ed