How can I customize my mobile menu tab on Refresh Theme?

Store Design
1

Hi Everyone,

Bit of a weird one / challenge.

Wondering how I could customise my menu tab on mobile. It currently looks like this.

shanagarryceo_0-1675798614136.png
shanagarryceo_0-1675798614136.png752×1216 132 KB

What I’m looking for is for “shop” “contact us” etc to look like buttons? Simply with a black outline? Is this possible with code?

Also wondering if its possible to centre my social icons?

Thanks

2

Hi @shanagarryceo

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

Hi Victor,

It seems to just make two of the menu items become button format and doesn’t seem to centre the logo’s.

Have you any suggestions? Also wondering if the buttons can be made curved?

shanagarryceo_0-1675840556774.png
shanagarryceo_0-1675840556774.png752×1216 145 KB

Thanks

4

Hi @shanagarryceo
Sure you can replace the current code added with this new one

If the social still not working, please share with me your page URL and pass if protected.
Thank you

5

Hi Victor,

It is still not working, its enabling just two menu options to have rounded border radius’ but the remaining are showing nothing and the social media icons are still not centred.

The URL is https://easypackpro.com/ and password is nietro

6

Hi @shanagarryceo So sorry i forgot about the theme priority.
Please add this code, this is the final one and have this result

PageFlyVictor_0-1675908164946.png
PageFlyVictor_0-1675908164946.png375×667 20.3 KB