Return to previous page

Mobile space 2 - by jeremy - on WordPress WooCommerce support

This topic has 10 replies, 3 voices, and was last updated 8 years, 2 months ago ago by Robert Hall

jeremy

Participant

September 6, 2016 at 21:40

Hello,

Please refer to: https://www.8theme.com/topic/mobile-space/

I removed css property from mobile but I have new problems.

– On empty cart page, I have a white space at the right of the screen.
– On home account page + order account page + order details page, I have a big white space at the right.
– On single product page, I have new white spaces at the right and left of my page.

How can I fix that?

Thanks a lot.

#139061 Copied

9 Answers
Eva Kemp

Support staff

September 7, 2016 at 08:16
Hello,

– On cart page space is present because of the button and css code you added for it:
```
.btn.filled {
    border-color: #F34827;
    background-color: #F34827;
    border-radius: 5px;
    text-transform: none;
    font-size: 15px !important;
}
```
Change font size value to less and check then.

– Please show direct pages and provide WP admin credentials.

– I don’t see white space on single product page. Please show a screenshot.

Regards,
Eva Kemp.
#139076 Copied
jeremy

Participant

September 7, 2016 at 09:39

Hello,

Thank you, it works for the btn filled.

Please find information below:

Please, contact administrator
for this information.

#139087 Copied
Eva Kemp

Support staff

September 7, 2016 at 12:00
Hello,

For order details page add this code in Theme Options > Custom CSS > Custom CSS for mobile:
```
.woocommerce-OrderUpdate-description.description a {
    font-size: 12px !important;
}
```
Single product page is shown correctly. There are padding values for container http://storage6.static.itmages.com/i/16/0907/h_1473245853_5003465_6c2f8640a7.png . There is no horizontal scroll as for other pages you showed. So there is no problem on single product page.

As for Orders page white space is shown because of the table http://storage4.static.itmages.com/i/16/0907/h_1473246016_2191704_d145baf8de.png and there is horizontal scroll to view it fully.

Regards,
Eva Kemp.
#139100 Copied
jeremy

Participant

September 7, 2016 at 13:39

Hello,

Thank you for this, it works for order details page and orders page.

For single product, yes you are right, it’s about the padding. Without this padding, my page is ok. But when I remove this padding, it breaks my page. How can I remove it?

Thanks a lot.

#139115 Copied

Eva Kemp

Support staff

September 7, 2016 at 14:25

Hello,

We don’t recommend to remove padding values as they are added in bootstrap framework by default.
The page is shown fine even with paddings. So just keep them.

Regards,
Eva Kemp.

#139119 Copied

jeremy

Participant

September 7, 2016 at 19:49

OK thank you, but do you know a way to reduce this padding? Because I have 2 containers with 15px padding each, so I lose 30px on mobile on each side, that is a lot. I want to have just a 15px padding and not have 2. As it was before I remove css property container (cf previous topic), I didn’t have this “double padding” before.

Please find screenshots to see what I mean.

Please, contact administrator
for this information.

#139166 Copied
Robert Hall

Support staff

September 7, 2016 at 20:25
Hello,

You can add this code in Global Custom CSS.
```
@media only screen and (max-width: 1200px){
.container {
    padding-left: 7px;
    padding-right: 7px;
}}
```
But we don’t recommend to change padding values.

Regards,
Robert Hall
#139168 Copied
jeremy

Participant

September 7, 2016 at 20:32

Ok thanks a lot, that’s ok.

#139169 Copied

Robert Hall

Support staff

September 8, 2016 at 07:16

Hello,

You’re welcome!

Regards,
Robert Hall

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