Return to previous page

Off center logo on Iphone, Off Centre quantity box

This topic has 11 replies, 4 voices, and was last updated 9 years ago ago by Eva Kemp

topfalade

Participant

December 4, 2015 at 12:20

Hi there,

On the iPhone devices I have checked my sites log is off center, also off center are the quantity boxes on individual product pages on IPhone.

Please, contact administrator
for this information.

#102743 Copied Theme version: v 2.9.2 WooCommerce version: Version 2.4.10

10 Answers

Robert Hall

Support staff

December 4, 2015 at 13:11

Hello,

Your wp-admin credentials aren’t correct. Please check them.

Regards,
Robert Hall.

#102748 Copied

topfalade

Participant

December 4, 2015 at 14:57

Hi I’ve checked,

The below should work:

Please, contact administrator
for this information.

#102763 Copied
Jack Richardson

Support staff

December 4, 2015 at 16:56
Hello,

Please add this code in custom.css file:
```
@media (max-width: 480px) {
.logo img {
    margin-left: 25px;
}
.single-product-page .quantity-box label {
    width: auto;
}
.single-product-page .product-info .quantity-box {
   margin-left: 30%;
}}
```
Best regards,
Jack Richardson.
#102792 Copied
topfalade

Participant

December 5, 2015 at 01:43

Thanks Jack, that worked perfectly,

Would you also be able to tell me how to reduce the white space on the top and bottom of my site logo on iphone.

Do i need to start another forum thread for this question?

#102856 Copied
Eva Kemp

Support staff

December 5, 2015 at 15:58
Hello,

Please use this code in custom.css file:
```
@media (max-width: 480px) {
  .header {
    padding-bottom: 20px;
    padding-top: 20px;
}}
```
Regards,
Eva Kemp.
#102920 Copied
topfalade

Participant

December 5, 2015 at 19:30

Hi Eva this worked,

However, I chose to use padding of 10 top and button, however this has now unbalanced the cart icon and text in the left top bar menu.

I’ve left the code in place so you can check it on your phones.

Regards

Tope

#102937 Copied

topfalade

Participant

December 5, 2015 at 19:34

I do not want to change the hight of the top bar, I want it to remain what it was previously to adding this custom CSS.

#102938 Copied
Eva Kemp

Support staff

December 7, 2015 at 09:16
Hello,

Use the previous code to decrease padding value and also add this code in custom.css:
```
@media (max-width: 480px) {.header .shopping-cart-widget {
    top: -40px !important;
}}
```
Regards,
Eva Kemp.
#102994 Copied
topfalade

Participant

December 7, 2015 at 10:18

Thanks Eva, that worked perfectly !

#103003 Copied

Eva Kemp

Support staff

December 7, 2015 at 10:39

Hello,

You’re welcome.

Regards,
Eva Kemp.

#103016 Copied
Tagged: iphone logo, json array, off center logo, off centre quantity box, persuasive writing, seo friendly, woocommerce wordpress themes
Viewing 11 results - 1 through 11 (of 11 total)

The issue related to '‘Off center logo on Iphone, Off Centre quantity box’' has been successfully resolved, and the topic is now closed for further responses

Off center logo on Iphone, Off Centre quantity box

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection