Botttom Navigation Bar Dawn Theme

Botttom Navigation Bar Dawn Theme

54 1 10



how can I put a navigation bar like this in mobile version of my store to make it look more pleasing, please do not suggest apps as they slow down speed of my store.... if there is a code that can solve this problem post it here thanks or anyone who can solve it please help !WhatsApp Image 2024-06-21 at 04.18.21_d87dc9e8.jpg

Replies 2 (2)

Shopify Partner
489 42 79

@MinhajAhmed106 thanks for posting here. it is possible but it is a time taking task if we work with custom code.

- A thirsty developer passionate about supporting the community. If you'd like to, you can  

Buy me a Coffee.

- Your Shopify Solution Specialist Get a Quote at



Chat On Whatsapp

Crafting exceptional e-commerce experiences to elevate your online presence. Let's build your success story together!

Shopify Partner
1184 335 283

Hi @MinhajAhmed106 

This is Henry 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


@media (max-width: 767px){

slider-component.slider-mobile-gutter .multicolumn-list {

    display: flex;

    flex-direction: row;

    flex-wrap: nowrap;

    overflow-x: scroll;



Hope that my solution works for you.

Best regards,

Henry | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!

PageFly - #1 Page Builder for Shopify merchants.

All features are available from Free plan. Live Chat Support is available 24/7.