How can I align text and icons in my drop-down menu?

Store Design
, , , ,
1

Hello!

The icons in my drop-down menu are not aligned with the text.

Can somebody please help me figure out how to fix it?
PFA the image for reference.

url: www.blingfactory.com.au

icons.jpg
icons.jpg3021×2900 1.18 MB

2

Hi @saachi ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea for solution:

Step 1. Go to Online Store → Theme → Edit code
Step 2. Open your theme.liquid theme file
Step 3. Paste below code before :

Hope my answer will help you.

Best regards,

Victor | PageFly

3

Hello @PageFly-Victor

Thanks for your reply. Unfortunately, adding this code didn’t change anything. :confused:

4

You can try again with this code below:
1 Like
5

@PageFly-Victor

Thank you so much!! That worked perfectly! :grinning_face_with_smiling_eyes:

I just have another query - Is there any way to add space between the icons and text? Currently the icons are appearing too close to the text.

6

Yes you can add the gap property inside my code in previous answer, here is example:

@saachi

1 Like
7

@PageFly-Victor

That worked! You’re a saviour. Thank you so much!! :grinning_face_with_smiling_eyes:

8

Thank you! You’re welcome :grinning_face_with_smiling_eyes: