Return to previous page

Quantity box | Categories display | Mobile updates

This topic has 6 replies, 2 voices, and was last updated 7 years, 9 months ago ago by Eva Kemp

FlashNFunky

Participant

July 12, 2016 at 10:48

Hope all is well,

Will love some help with the below.

1. With the product select quantity box it doesn’t show a number or arrows, is it possible to have these added?

2. In the products some categories are outputting differently, please view the below for examples

– https://www.technologyboutique.com.au/product-category/home-entertainment/gaming/
– https://www.technologyboutique.com.au/product-category/smart-phones/

Ideally will like to have 3 items per row for all products

3. Mobile updates

– There’s a black menu on the top right hand screen i’ll like to remove
– The footer on the mobile looks a bit off, is there a way i can adjust and center everything
– In the left handside menu i’ll like to remove the links under register and for the register & login to have them the same color as the other menu items
– When i click on products in the menu the menu expands to show the products but the colors currently are black and white, i’ll like these to have the same formatting as the menu

4. When I change pages the entire pages flashes and the background image disappears and then reappears, is it possible for this to be a smoother transition?

Thanks,

Charles

Please, contact administrator
for this information.

#133290 Copied

5 Answers
Eva Kemp

Support staff

July 12, 2016 at 13:18
Hello,

1. Quantity arrows were removed in one of Woocommerce updates. To get them back use the plugin https://wordpress.org/plugins/woocommerce-quantity-increment/

2. Please add this code in Custom CSS for desktop section:
```
.row-count-3 .product:nth-child(3n+1) {
    clear: none;
}
```
3. – Disable the plugin “Responsive Menu”.
– Create footer using Static Blocks with Visual Composer editor in wp-admin panel, then add “8theme – Static Block” widget in Appearance > Widgets > Footer 2.
– Remove widgets in Appearance > Widgets > Mobile navigation sidebar.
Use this code in Global Custom CSS:
```
.mobile-nav .links {
    background-color: red;
}
```
– Add this code in Global Custom CSS:
```
.mobile-nav li > ul {
    background-color: red;
}
.mobile-nav li > ul > li a {
    color: white;
}
```
4. Sorry, but I can’t replicate such issue on my side. Background image is loading properly.

Regards,
Eva Kemp.
#133303 Copied
FlashNFunky

Participant

July 13, 2016 at 09:32

Thanks Eva, Really appreciate the great support here. I’ll work through them and post any issues.

#133391 Copied

Eva Kemp

Support staff

July 13, 2016 at 11:31

Hello,

You’re welcome.

Let us know if further assistance is required.

Regards,
Eva Kemp.

#133399 Copied

FlashNFunky

Participant

July 17, 2016 at 12:55

Thanks Eva,

Will love some assistance with the below.

Mobile

1. In the menu, once you click on products the expanded items have a different style
2. The latest offers in the menu is different from the products, i’ll like them to match
3. When an item is added to the cart the cart image on mobile doesn’t update with a number
4. The cart image on the main page fits well but on other pages it overlaps to the title section, is it possible to have it smaller on other pages but the same size on the main page?

PC

1. The numbers in quantity box are aligned to the right, when it’s double digits the 2nd number is hidden, can this be centered?
2. Is it possible to have a checkout button on the cart page?

Thanks,

Charles

#133858 Copied
Eva Kemp

Support staff

July 18, 2016 at 09:22
Hello,

Mobile
1. I’ve edited your code in Global Custom CSS from:
```
.menu > li:hover a {
    color: #000000 !important;
    background-color: #ffffff;
    border-color: #ffffff;
    border-right-color: #ffffff;
    border-left-color: #ffffff;
    border-top-color: #ffffff;
}
```
to
```
.menu > li > a:hover  {
    color: #000000 !important;
    background-color: #ffffff;
    border-color: #ffffff;
    border-right-color: #ffffff;
    border-left-color: #ffffff;
    border-top-color: #ffffff;
}
```
2. Use this code in Global Custom CSS section:
```
.mobile-nav .widget_sbscrbr_widget {
    display: inline-block;
}
.mobile-nav .widget-title {
    background-color: red;
    line-height: 25px;
}
.mobile-nav .widget-title span, .footer-top .title span {
    color: white;
    background-color: red;
}
```
3. Use this code in Custom CSS for mobile section:
```
.badge-number {
    display: block;
}
```
4. Try to change top value for cart image using this code in Custom CSS for mobile:
```
.cart-bag {
  top: 2% !important;
}
```
PC
1. Remove this code in Global Custom CSS:
```
.quantity input[type="number"] {
    width: 70px !important;
    height: 50px !important;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 10px;
}
```
2. Checkout button should be displayed on Cart page by default. Some plugin is causing the issue. Disable them one by one to find it out.

Regards,
Eva Kemp.
#133912 Copied
Viewing 6 results - 1 through 6 (of 6 total)