Return to previous page

More space around cart icon on mobile - by groubee

This topic has 4 replies, 2 voices, and was last updated 9 years, 6 months ago ago by Robert Hall

  • Avatar: groubee
    groubee
    Participant
    May 27, 2015 at 16:24

    Hi

    How does I get more space around the mobile cart icon – it is not placed like the left menu icon.

    – On top of slider the cart icon on mobile is placed 6px from the right edge while the menu icon is placed 16px?? it does not look good. How can I move the cart icon 16px from the right edge?
    See: https://www.dropbox.com/s/wil3yf2c6yrcn8n/more-space-on-mobile.jpg?dl=0
    See: http://www.smooff.net/

    – Scroll down top menu – the cart icon is also placed to much to the right in relation to the menu icon on the left. Again it is placed 6px from the right edge while the menu icon is placed 30px??
    How can I move the cart icon 30px from the right edge?
    See: https://www.dropbox.com/s/br78oqdmcmdhowl/scrolldown-mobile-menu-cart-icon.jpg?dl=0

    Best regards
    Tonny

    #66388 Copied
    3 Answers
    Avatar: Robert Hall
    Robert Hall
    Support staff
    May 27, 2015 at 16:40

    Hello,

    Please try to add this code in custom.css file

    @media only screen and (max-width: 480px){
.header-type-2.slider-overlap .header .cart-bag .ico-sum{
  position: relative;
  right: 10px;
}
.ico-sum{
 position: relative;
  right: 30px;
}
}

    Regards,
    Robert Hall.

    #66391 Copied
    Avatar: groubee
    groubee
    Participant
    May 27, 2015 at 16:46

    Thanks – it works!

    #66396 Copied
    Avatar: Robert Hall
    Robert Hall
    Support staff
    May 27, 2015 at 16:53

    You’re always welcome!

    Regards,
    Robert Hall.

    #66399 Copied

  • Tagged: , , , , , ,

  • Viewing 4 results - 1 through 4 (of 4 total)

The issue related to '‘more space around cart icon on mobile’' has been successfully resolved, and the topic is now closed for further responses

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Sneakers Store – WordPress WooCommerce Theme
lazy-placeholder
Cosmetics Store – WooCommerce Theme
lazy-placeholder
Architecture Studio – WordPress WooCommerce Theme
lazy-placeholder
Mango – Responsive eCommerce PSD Template
lazy-placeholder
Engineer Store – WordPress WooCommerce Theme
lazy-placeholder
Sidebar Boxed Store – WooCommerce Theme
lazy-placeholder
Animals Store – WordPress WooCommerce Theme
lazy-placeholder
Lingerie Store – WordPress WooCommerce Theme
lazy-placeholder
Fishing – WooCommerce Theme
lazy-placeholder
Makeup Store – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.