Return to previous page

Mobile Options - by andrew.d.harris1 - on WordPress WooCommerce support

This topic has 4 replies, 2 voices, and was last updated 8 years, 4 months ago ago by Olga Barlow

andrew.d.harris1

Participant

October 12, 2016 at 18:57

How can I get the mobile version of my site to display the icons so I can see them. Also, the logo seems to run into the icons. How can I fix that? http://imgur.com/pgMReAh

#142490 Copied

3 Answers

Olga Barlow

Participant

October 13, 2016 at 13:05

Hello,

You have changed the color of top bar and it caused your issue for mobile version. Add the following code in custom CSS:

@media only screen and (max-width: 992px) {    
.header-wrapper.header-center2 .shopping-cart-widget {
    color: #1a1a1a;
  }
  .header-wrapper.header-center2 .shopping-cart-widget .cart-bag {
    border-color: #1a1a1a;
  }
  .header-wrapper.header-center2 .shopping-cart-widget .cart-bag:before {
    border-color: #1a1a1a;
  }
  .header-wrapper.header-center2 .shopping-cart-widget .badge-number {
    color: #1a1a1a;
  }
  .header-wrapper.header-center2 .navbar-header .et-wishlist-widget a {
    color: #1a1a1a;
  }
  .header-wrapper.header-center2 .navbar-toggle .icon-bar {
    background: #1a1a1a;
  }
.header-color-white .navbar-header .shopping-container.ico-design-1.ico-bg-no .badge-number {
    color: #1a1a1a !important;
}
}

Regards

#142555 Copied

andrew.d.harris1

Participant

October 14, 2016 at 02:27

Thank you

#142659 Copied

Olga Barlow

Participant

October 14, 2016 at 17:15

You are welcome!

Regards