How can I display the 'Order Now' button on mobile view?

Store Design
1

Hello,

I need to show the “Order Now” button on the Mobile view, it is visible only on the Desktop view.

Thanks in advance.

2

@JerrySedra

Could you provide me store URL? I should be able to answer your question.

Yours faithfully!

3

Hey @JerrySedra ,
Welcome to the Shopify community!
Please share your store URL.
So that I will check and let you know the exact solution here.
Thank you.
Raman!

4

kindly send me the the link to your store so that i can tell you what happen to it exactly

5

https://veginneg.com/

6

https://veginneg.com/

7

https://veginneg.com/

8

Hey @JerrySedra ! It seems like the order now is a part of your navigation menu and you can see it when you open the menu when viewing from a mobile phone as you can see from this screenshot (https://ibb.co/MpYFwyV).

However, if you want to add a button to your mobile view similar to the one shown in desktop view, then you will need to make some changes to your liquid and HTML layout.

  1. You will need to go to your theme.liquid file (located in the “layout” folder).

  2. Paste the below code snippet inside the main tag (right before the line where it says {{ content_for_layout }}


   Order Now!
  1. Then you will need to open the (base.css) file which is located in the (assets) folder, and you will need to add the following code snippet to the very bottom of the file.
@media (min-width: 1023px) {
  .order-now-btn {
    display: none;
  }
}

The end result should look like the this screenshot (https://ibb.co/4M3B5HG).

If this fixes your issue, please mark my reply as a solution.