Re: How can i move mail icon only mobile

How can I relocate only the mail icon on mobile?

mr_Lynk
Excursionist
28 0 3

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

mr_Lynk_0-1709291166103.png

 

mr_Lynk_1-1709291223514.png

 

Replies 9 (9)

techlyser_web
Shopify Partner
1848 344 372

Hello @mr_Lynk 
Can you share store Url?

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com

oscprofessional
Shopify Partner
15984 2392 3099

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?

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free
mr_Lynk
Excursionist
28 0 3
oscprofessional
Shopify Partner
15984 2392 3099

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;
}
}
Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free

oscprofessional
Shopify Partner
15984 2392 3099

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;
}
}
Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free
mr_Lynk
Excursionist
28 0 3

thank for reply 

but its not work

oscprofessional
Shopify Partner
15984 2392 3099

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.

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free
mr_Lynk
Excursionist
28 0 3

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

is there any other way to fix?

mr_Lynk
Excursionist
28 0 3

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

you are my hero today!