I am having a little issue with my website, it's responsive site, when viewed in smaller screens the checkout icon or search icon shows in 3 lines. I must have done something wrong, can someone point me in the right direction of what file could be causing this.

My website uses magentos latest default theme.

  • It's all about css. You must edit css file to get what you want to achieve. Jun 5, 2015 at 13:06
  • Thank-You, I really cant see why its doing it! Its very strange why its only showing 3 lines Jun 5, 2015 at 13:08
  • can you give your url to have a look? or add some screen shots. Jun 5, 2015 at 13:09
  • Sorry, it would of helped if I added it! sssextreme.com Jun 5, 2015 at 13:10
  • Looking at the link, it's fine to me. Menu, Search, Cart are scaled to small size to fit in responsive screen size. Sorry if I am not understanding your question. Jun 5, 2015 at 13:13

1 Answer 1


Alright, first of all this is css question.

You will need to edit your skin/frontend/rwd/default/css/styles.css file. Go to line 3437 and add following code below that line:

.skip-car .icon{background-position: left -95px;}

Remember above line of code must be after .skip-link .icon { margin-right: 3px;}

Hope this will help.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.