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. – Adarsh Khatri Jun 5 '15 at 13:06
  • Thank-You, I really cant see why its doing it! Its very strange why its only showing 3 lines – Ben Anderson Jun 5 '15 at 13:08
  • can you give your url to have a look? or add some screen shots. – Adarsh Khatri Jun 5 '15 at 13:09
  • Sorry, it would of helped if I added it! sssextreme.com – Ben Anderson Jun 5 '15 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. – Adarsh Khatri Jun 5 '15 at 13:13

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.

| improve this answer | |

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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