How can I relocate only the mail icon on mobile?

[mr_Lynk]

Hi guys.

i move icon Whatsapp & mail on desktop. it's OK.

but i see on mobile, Both Whatsapp & mail is stack.

So pls help me fix it

This is view on PC and Mobile. 

thank you so much

[niraj_patel]

Hello @mr_Lynk 
Can you share store Url?

[oscprofessional]

Hello @mr_Lynk,

Could you please provide me with the URL for the store you mentioned in your query? Additionally, if the store is password protected, could you share the password as well?

[mr_Lynk]

this is my URL store; https://gxol410fl9hj6qke-85507440942.shopifypreview.com

[oscprofessional]

Hello @mr_Lynk,

Here is the code you can try. I hope you find it helpful.

Go to the Online Store-> Theme-> Edit code-> Assets> base.css -> Add code at the bottom.

@media screen and (max-width:768px){
button.chat-toggle.chat-toggle--icon-button {
	position: absolute;
	right: 65px;
	top: 9px;
}
}

[oscprofessional]

Hello @mr_Lynk,

Here is the code you can try. I hope you find it helpful.

Go to the Online Store-> Theme-> Edit code-> Assets> base.css -> Add code at the bottom.

@media screen and (max-width:768px){
button.chat-toggle.chat-toggle--icon-button {
	position: absolute;
	right: 65px;
	top: 9px;
}
}

[mr_Lynk]

thank for reply 

but its not work

[oscprofessional]

Hello @mr_Lynk,
If this is not working please put this code in style.css  file
For that Go to the Online Store-> Theme-> Edit code-> Assets> style.css -> Add code at the bottom.

[mr_Lynk]

i can't find style.css in edit code. 

is there any other way to fix?

[mr_Lynk]

thank you your code. i try some way and it work so good. 

you are my hero today!