Return to previous page

Logo not centered and language flags - by mantas0527

This topic has 8 replies, 4 voices, and was last updated 7 years, 10 months ago ago by Eva Kemp

mantas0527

Participant

January 8, 2017 at 14:19

Hello,

Using mobile phone or tablet, in the landscape mode everything is fine, but when it is turned to portrait mode, logo goes to the left side, near the mobile menu icon, like in the picture below. Is there a way to fix it?

I am using WPML plugin, is there a way to add language flags below cart icon on mobile portrait mode?

Thank You for your cooperation,
Mantas

#151153 Copied Theme version: 3.0.3 WooCommerce version: 4.7

7 Answers
Jack Richardson

Support staff

January 12, 2017 at 16:32
Hello,

Sorry for a long delay.
Language flag is shown in mobile menu http://prntscr.com/duqp5o . Unfortunately there is no feature to move it to the header.
To center the logo please add this code in custom.css code:
```
@media (max-width: 480px){
.header .logo {
   text-align: center;
}}
```
Best regards,
Jack Richardson.
#151709 Copied
mantas0527

Participant

January 13, 2017 at 00:09

Hello,

Thank you for your answer.

Is there a way to add those flags below icon by editing code or maybe adding code to custom.css? Because a lot of website visitors are using mobile phones and it’s crucial for them to see that the website is multilingual.

Best Regards,

Mantas

#151738 Copied Theme version: 3.0.3 WooCommerce version: 4.7
Rose Tyler

Support staff

January 13, 2017 at 12:15
Hello,

Try to add this code in Custom css:
```
@media (max-width: 480px){
.top-bar {
    display: block;
}
.top-bar .languages-area {
    display: block;
    margin: 3px 15px;
}
}
```
Regards,
Rose Tyler.
#151799 Copied
mantas0527

Participant

January 15, 2017 at 09:57

Hello,

The code works perfectly, thank You!!! But there is another problem, that when I change language to English (main language is Lithuanian), the language switcher disappears. What could be wrong?

Regards,
Mantas

#151890 Copied Theme version: 3.0.3 WooCommerce version: 4.7

Rose Tyler

Support staff

January 16, 2017 at 08:29

Hello,

You’re welcome!
Try to change this code http://prntscr.com/dw79ov to display: block;

Regards,
Rose Tyler.

#151931 Copied

mantas0527

Participant

January 20, 2017 at 09:15

Hello,

Now it works 100%, thank You very much!!!

Best Regards,
Mantas

#152530 Copied

Eva Kemp

Support staff

January 20, 2017 at 09:26

Hello,

You are welcome.

Regards,
Eva Kemp.

#152531 Copied
Tagged: best, centered, flags, language, logo, selling, themes, woocommerce
Viewing 8 results - 1 through 8 (of 8 total)