Return to previous page

Header Product on Mobile - by Vincenzo Stazio

This topic has 10 replies, 3 voices, and was last updated 5 years ago ago by Olga Barlow

Vincenzo Stazio

Participant

November 24, 2019 at 15:29

Hello, in the product page on the mobile I would like to change 2 things:
1) the background image
2) the color and size of the cart amount

look: https://www.dropbox.com/s/okbnocjpcm6e7uq/Foto%2024-11-19%2C%2015%2026%2002.png?dl=0

Thanckyou

#225594 Copied Theme version: Royal

9 Answers
Rose Tyler

Support staff

November 24, 2019 at 15:49
Hello,

1) Add this code in Theme Options > Custom CSS > Csutom CSS for mobile:
```
.single-product .bc-type-5 {
    background: url(http://www.isaporidelsoledisicilia.com/wp-content/uploads/2019/11/800-600-Arance.jpg);
}
```
2) Custom CSS for mobile:
```
.header .woocommerce-Price-amount {
    font-size: 16px;
    color: white;
    margin-left: 25px;
}
.header .navbar-header.navbar-right {
    margin-top: -35px;
}
.fixed-header .woocommerce-Price-amount {
    font-size: 14px;
    color: white;
}
.fixed-header .shop-text {
    margin-top: 15px;
}
.fixed-header .shopping-container .shopping-cart-widget {
    padding-top: 0px;
}
.fixed-header .navbar-header.navbar-right {
    margin-top: -30px;
}
```
Regards
#225598 Copied
Vincenzo Stazio

Participant

November 25, 2019 at 16:15

wellll, i have now a problem with icon cart on mobile,,,, landscape is ok but portrait icon is over text.
https://www.dropbox.com/s/kn28yxat87y8p35/icona%20carrello%20on%20mobile.MP4?dl=0

#225646 Copied

Vincenzo Stazio

Participant

November 25, 2019 at 16:22

And…….. when I pass the the mouse arrow on the cart, on the pc, the popup appears with the color of the white prices. How can I put it black?
https://www.dropbox.com/s/of66je5m0h7839y/colore%20prezzi.jpg?dl=0

#225647 Copied

Vincenzo Stazio

Participant

November 25, 2019 at 16:30

I write here not to open another ticket. The arguments are silìmili.

How can I lower the page title on mobile a bit?
Look: https://www.dropbox.com/s/l4a3slfixuszns5/titolo%20pagine.png?dl=0

#225648 Copied

Olga Barlow

Support staff

November 25, 2019 at 20:13

Hello,

1) Check the cart icon on the desktop and mobile now.
2) Price color fixed.

Regards

#225665 Copied

Vincenzo Stazio

Participant

November 27, 2019 at 12:15

wellll, i have now a problem with icon cart on mobile,,,, landscape is ok but portrait icon is over text.

Now i haven’t text with total of cart 🙁

—- on mobile: landscape i can see number of product in cart but in portrait i can’t see.

#225762 Copied

Olga Barlow

Support staff

November 28, 2019 at 10:15

Hello,

Fixed. Check now.

Regards

#225829 Copied

Vincenzo Stazio

Participant

December 12, 2019 at 17:30

THANXXXX

Now, How can i remove top bar with EN FR DE £ € $ ? tHANX
https://www.dropbox.com/s/9ogm6hldr6q41oi/Foto%2012-12-19%2C%2017%2025%2024.jpg?dl=0

#226670 Copied

Olga Barlow

Support staff

December 12, 2019 at 18:52

Hello,

Go to Appearance > Widgets > add the empty Text widget to Right and Left top bar widget area to remove default content.

Regards

#226678 Copied
Viewing 10 results - 1 through 10 (of 10 total)