Botttom Navigation Bar Dawn Theme

[MinhajAhmed106]

hello,

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 !

[ProtoMan44]

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

[PageFly-Henry]

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