Newsletter and social media icons phone position & line on side logo phone version

Store Design
1

Hello, pLease i need your help to remove the pink line that shows right side logo only on phone version !!!

Logo weird line
Logo weird line1080×1920 116 KB

and i need to move the sign up newsletter and social media icons on only phone version because doesn’t looks good , Please i need help , thanks in advance

newsletter and social media icons doesn't look good
newsletter and social media icons doesn't look good1080×1920 77.6 KB

2

Hi @Achraf11

This is Victor from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the

Hope this can help you solve the issue

Best regards,

Victor | PageFly

3

Hello @Achraf11 ,

You can follow these steps:

  1. Go to Online Store->Theme->Edit code

GemPages_0-1678844715898.png
GemPages_0-1678844715898.png400×193 29.2 KB

  1. Open your theme.liquid file, paste the below code before

GemPages_1-1678844758324.png
GemPages_1-1678844758324.png1472×898 67.8 KB

I hope the above is useful to you.

Kind & Best regards,
GemPages Support Team

4

Doesn’t work , this is the result , i want to move it above the quick links with social media icons on straight line under it , please help , this issue only on phone version, also the pink line doesn’t removed ,

335607454_131447403202297_5154887830295363728_n.jpg
335607454_131447403202297_5154887830295363728_n.jpg1080×1920 85.7 KB

5

no change , i want to move it above the quick links with social media icons on straight line under it , please help , this issue only on phone version, also the pink line doesn’t removed ,

6

About the pink line, please check with your phone OS version, because i tried with multiple devices, and cannot see it.
I will give you code to move the “Newsletter” here

7

The pink line appeared on phone google browser , because i tried it on brave browser not appeared , what’s the problem exactly ?? please help

and kindly give me the code to move newsletter on phone version !!

Thanks in advance

8

Please use this code to move the Newletter :

And follow my instructions above to add it, here’s how it look

PageFlyVictor_0-1679361312902.png
PageFlyVictor_0-1679361312902.png390×844 16.7 KB

Thank you

9

About the pink line, you can try to change the image, its seems like the problem is because of the img and phone version itself, i cannot check it sorry.

10

space.PNG
space.PNG326×504 21.7 KB

This is the result , please i want to remove the empty space between newsletter and quick link , also i want the social media icons on straight line and expanding the newsletter

This is what i want exactly,

example.png
example.png325×243 17.6 KB

11

NO response ???

12

I m waiting long time still no response yet , after adding this code the newsletter and social media icons doesn t look good ,

Screenshot_20230329-151454.png
Screenshot_20230329-151454.png1080×1920 63.4 KB

Please i want first to delete the empty space between social media icons and quick links

and I want to extend the newsletter icon on the footer width of the phone and social media icons on straight line

please help