Hoe can i create A bottom Navaigation bar

tayyabfayyaz
Tourist
4 0 3

770DC730-A003-48F1-877B-0E1E9292D5B6.jpeg

I want to create a bottom navigation bar so that when site open in Mobile it look like app

attaching screenshot for better under standing

hoping to get quick reply

Replies 10 (10)

khilan
Shopify Partner
271 15 26

hey @tayyabfayyaz

please share your  url and password.

thank you so much.

khilan

Shopify Expert | Skype: khilan.mendapara
- Like and Mark as an Accepted Solution if reply helpful
- Feel free to contact me on khilan.mendapara1995@gmail.com regarding any help

khilan
Shopify Partner
271 15 26

hey , @tayyabfayyaz 

please following this stape.

1. Go to your Shopify Admin > Online Store > Navigation.

By default, you will already have two menus started: the main menu, and the footer menu. The main menu is what you see at the very top of your site. The footer menu is the one that's usually included at the very bottom of your site. 

2. Click on the name of the menu that you want to edit, to open up its' settings -- or click the "Add menu" button in the top right-hand corner to start a new menu. 

3. From here, you can add links by clicking the "add menu item" option at the bottom of the menu list. 

4. Put in a name for the link (this is what customers will see in the navigation menu) and then search-for or paste the link you want it to go to. 

5. To create a drop down submenu, simply drag and drop a menu item to be underneath the main item that you want to create a drop-down for.

thank you khilan.

Shopify Expert | Skype: khilan.mendapara
- Like and Mark as an Accepted Solution if reply helpful
- Feel free to contact me on khilan.mendapara1995@gmail.com regarding any help
tayyabfayyaz
Tourist
4 0 3

Emailed you url & password

tayyabfayyaz
Tourist
4 0 3

I tried that but I didn’t work for me as things get messed up

 

i need exact same like in screenshot 

on when customer open site in mobile

you can also visit mistore.pk for better understanding 

 

66A81879-9925-4AE0-90E5-294C749A2624.jpeg

khilan
Shopify Partner
271 15 26

hey @tayyabfayyaz 

please share me website url and password .

i can solve this your problem.

thank you

khilan

Shopify Expert | Skype: khilan.mendapara
- Like and Mark as an Accepted Solution if reply helpful
- Feel free to contact me on khilan.mendapara1995@gmail.com regarding any help
tayyabfayyaz
Tourist
4 0 3

@khilan wrote:

hey @tayyabfayyaz 

please share me website url and password .

i can solve this your problem.

thank you

khilan


I already emailed you url & password should i post here ?

khilan
Shopify Partner
271 15 26

hey @tayyabfayyaz

my contact id :- khilan.mendapara1995@gmail.com

skyp id: khilan.mendapara

thank you.

khilan

Shopify Expert | Skype: khilan.mendapara
- Like and Mark as an Accepted Solution if reply helpful
- Feel free to contact me on khilan.mendapara1995@gmail.com regarding any help
tahausaid
Tourist
7 0 2

Sir same issue.

Kindly help me

NguyenVu
Tourist
9 0 3

HI @tayyabfayyaz 

 

"I have found a free app on Shopify's public app store called Pronavi, which allows you to easily add and customize the bottom bar of your Shopify website. If you want to upload images or add more controls, you will need to pay, but the current Free version is more than enough for your purposes."

 

https://apps.shopify.com/pronavi-navigation-design

Screenshot 2023-11-07 at 11.12.01.png

 

Video: https://vimeo.com/880550198?share=copy

JamesNg
Tourist
3 0 0

Thank Nguyen because reference, I am James from Navi+ | Bottom & Tab Bar, Menu, welcome to use our Free and professional product. 

 

Below are some example better Shopify Bottom Bar examples, you can use those templates for your Shopify website FREE 100%: 

 

Screenshot 2023-12-27 at 09.43.23.png

Screenshot 2023-12-27 at 09.42.24.png