How to fix unresponsive menu and icons on different screen sizes?

Store Design
, , ,
1

so i just noticed that my menu and social icons placement gets messed up when I try compress the screen size, im assuming this is how it would look like on ipads/tablets. is there a way to fix this?

website - https://the-style-luxe.myshopify.com/

password - reucho

thanks in advance!!

hasanali1_0-1679781403312.png
hasanali1_0-1679781403312.png1920×848 362 KB

2

responsive sites need to look good on all devices

compressing the screen is a way to observe how it would look like on different devices

3

HI @hasanali1

This is Victor from PageFly - Landing Page Builder App

You can try this code by following these steps:

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

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file → Save

.list-social {

flex-wrap: nowrap !important;

}

Hope that my solution works for you.

Best regards,

Victor | PageFly

4

Hi @hasanali1 ,

Glad to support you today.

You can check out my suggestion below to get your concern resolved:

  1. Go to Edit code on Online Store:

GemPages_0-1679798144608.png
GemPages_0-1679798144608.png400×163 25.3 KB

  1. add my code above the tag on Theme.liquid:

Hope you find my answer helpful!

Kind & Best regards,
GemPages Support Team.