Mobile checkout and header

[thetheibel]

Hello!

We are very happy about the theme, but i have some questions.

Our checkout looks very bad on mobile. The fields where the buyer should fill out the information are not scaling in the width to fit to the mobile screen.

Is it possible to add a second picture in the header right next to the logo, if the logo is set to be on the left side of the header?

How do i make a translation of the theme? ive tried to make a translation in loco translate, but i don’t know how to get the translation in the menu on the top right side of the site.

Best regards,
Oliver

[Rui Guerreiro – SUPPORT]

Hi,

Regarding the translation check this documentation.
http://neighborhood.swiftideas.com/documentation/#translation

Can’t login with those credentials. Can you check it?

-Rui

[thetheibel]

This reply has been marked as private.

[thetheibel]

Can you login now?

[David Martin – Support]

Hi,

The Checkout page looks correct:

Are you referring to the cart page? Can you screenshot what you refer to?

– David.

[thetheibel]

Hello again.

We have a plugin called “Pakkelabels.dk” it is a plugin to create shipping, and choosing what shipping method the customers want. I can see that you are right about the checkout page is responsive, but the “Pakkelabel” plugin is not responsive on mobile. I have written to the plugin creator and they say that the plugin is responsive, and they looked at my site, and said that it seems like the plugin is conflicting with the theme. He said i should write to you and say something about maybe it was CSS overwriting?. I have attached a picture of how it looks on the mobile.

-Oliver

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Can you enable the plugin so I can see this?

Or is there an address that triggers the display?

Thanks.

[thetheibel]

This reply has been marked as private.

[thetheibel]

Try to go to the checkout page now. It should be activated now.

[David Martin – Support]

What theme version are you using? The logins do not work?

Please test this CSS:

@media only screen and (max-width: 767px) {
tr.shipping > th {
    display: none;
}
.review-order-wrap {
    border: 2px solid #e3e3e3;
    padding: 10px 10px 10px;
}
}

[thetheibel]

It’s still not working, i’ve just tested that CSS code.

I made a new login to the site for you…

https://www.dufteksperten.dk/wp-admin/

user: davidmartin
pass: davidmartin1

[Rui Guerreiro – SUPPORT]

You didn’t add it in the custom css field. I just add it.
Can you clear the cache and check again?

-Rui

[thetheibel]

Hello, its more responsive now. But the order total isnt fully responsive yet. I have attached a screenshot of it.

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

The only solution that I figure out was to reduce the font-size of the totals.
The tables aren’t responsive by nature.

Add the code below.

@media only screen and (max-width: 767px) {
#order_review table.shop_table td, #order_review table.shop_table th.product-total {
     font-size: 11px;
}
}

-Rui

[thetheibel]

I can’t use a that solution. If the checkout isn’t responsive, then it shouldn’t say “responsive theme” on the Envato market. The checkout is the most important part that should be responsive.

It can’t be true that the tables on the checkout isn’t responsive?