Move "Post an ad" button on mobile navigation menu

Hello, I wanted to move "post an ad" to the main navigation next to "select town" area. (Pls check screenshot)

Attachment 4443

My site link: https://bit.ly/3qpzFhe

Post an ad - Is an very important link/button, in mobile everyone have to click the 3 bar menu button to see the post an ad link.

If its a new user, it would be very hard to find the "post an ad" button on mobile view.

Can anyone help me to move the button as shown in above screenshot?

Hello,

in style.css > under @media screen and (max-width: 767px)

add:

Code:

---

Only registered members can view the code.

---

then go to templates > tpl > menus > main_menu.tpl

replace:

Code:

---

Only registered members can view the code.

---

with:

Code:

---

Only registered members can view the code.

---

Thank you Rudi, Its working.

1. Shall we center align the button to center?

2. Can we remove the button onclick menu area?.

Pls check the screenshot

Attachment 4444

Apply another property to the button: margin: 0 auto;

and add this style to hide the menu button:

Code:

---

Only registered members can view the code.

---

Hi, it is possible to do the same for the template General Wide?
I tried but it doesn't work.
Thank you

You just need to remove the code after @media screen and (max-width: 767px)

Code:

---

Only registered members can view the code.

---

How to do this on rainbow theme?

go to tpl > header.tpl > replace <a class="button add-property d-none d-md-flex" with <a class="button add-property d-md-flex"

Quote:

---

Originally Posted by Rudi

go to tpl > header.tpl > replace <a class="button add-property d-none d-md-flex" with <a class="button add-property d-md-flex"

---

Perfection!