Solved

Prestige theme - Putting the language selector on top for mobile view

berliner-bags
Tourist
5 0 3

Hi,

I am using the Prestige theme and on desktop view the language selector is already at the top of the page.

This is good, but for mobile view the language selector is still on the bottom of the page. It would be great if mobile user don't need to scroll at all to change the language.

Here is the link to my store: www.berliner-bags.com

I appreciate your help.

 

Thank you in advance and have a great start into the week,

Ari

Accepted Solution (1)

Zworthkey
Shopify Partner
5581 642 1565

This is an accepted solution.

@berliner-bags 
Hi,
Welcome to Shopify Community.
We are glad to help you.

I have checked your mobile Currency selector, where you want to add it at the top. 

Besides the Hamberg Menu.

View solution in original post

Replies 13 (13)

Zworthkey
Shopify Partner
5581 642 1565

This is an accepted solution.

@berliner-bags 
Hi,
Welcome to Shopify Community.
We are glad to help you.

I have checked your mobile Currency selector, where you want to add it at the top. 

Besides the Hamberg Menu.

berliner-bags
Tourist
5 0 3

Hi @Zworthkey 

if it will only shows EN instead of ENGLISH and DE instead of DEUTSCH, then i'd like to have the language selector on mobile view on the header beside the cart icon.

Otherwise if it looks too much on the header, i'd have it in the mobile side bar navigation.

Thanks for your help

Zworthkey
Shopify Partner
5581 642 1565

@berliner-bags 

Check your Mail. I have Sent you.

berliner-bags
Tourist
5 0 3

language selector in header next to Cart on mobile view - prestige themelanguage selector in header next to Cart on mobile view - prestige theme

Hi,

what if i wanted the language switcher on the header next to cart? is this possible?

 

Thanks,

Berliner Bags

Zworthkey
Shopify Partner
5581 642 1565

Yes it's possible:

 

Zworthkey
Shopify Partner
5581 642 1565

@berliner-bags 
Give me Collaboration Access So that I can Fix it.

Zworthkey
Shopify Partner
5581 642 1565
div#arena_multilingual_shop {
    position: fixed !important;
    inset: auto 157px 247px auto !important;
}

@berliner-bags 

Add this code in theme.scss or theme.css

Thank you.

berliner-bags
Tourist
5 0 3

We've decided it to stay like this for now. On mobile phone, the sticky language selector is a great solution and on the bottom is also very handy.

On the desktop the, this language selector function are  now double. But this is smaller issue than the mobile version one.

THanks a lot! 

Zworthkey
Shopify Partner
5581 642 1565

So now what can i Do?

berliner-bags
Tourist
5 0 3

Nothing. That's it for now. Thank you!

cafidepets
New Member
5 0 0

Hello Zworthkey, we have the same problem and it was difficult for us to fins the solution given to Berliner-bags on this post.

We want to do the following as shown on the pictures:

 

Screenshot 2022-06-29 at 17.51.56.pngScreenshot 2022-06-29 at 17.53.41.png

Can you help us?

 

THANKS!

galin_amity_des
Tourist
11 0 1

Hello,

any solutions?  🙂

Thank you!

Trimita
Shopify Partner
9 0 1

Hi,

We have the same problem in the mobile web store. 

How can we solve it?

www.trimita.store