Transcy language selector position change

Shopify Discussion
1

Hello Everyone, How can I make this fixed above

IMG_9172.PNG
IMG_9172.PNG1170×2532 214 KB

transcy code .png

I added code part of this app too.

2

@Nijat123

@media only screen and (max-width: 800px) {
span#transcyBtnSwitcher {
    POSITION: RELATIVE;
    TOP: -15PX;
    RIGHT: -9PX;
}
}
@media only screen and (max-width: 420px) {
div#qab_bar {
    height: 55PX !IMPORTANT;
}
.qab_slide_message {
    width: 165px !important;
}
span#transcyBtnSwitcher {
    POSITION: RELATIVE;
    TOP: -15PX;
    RIGHT: -9PX;
}
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid

3

thank you for your answer. I added to base.css but it is the same now. I want to mention that I want to this to move to above. problem happens in mobile view.

4

Hello @Nijat123

To provide you with the most precise solution in this case, could you please share your page URL ( with pass if your store password is enabled )?

Thank you and hope to hear from you.
Best regards,
GemPages Support Team