+ Reply to Thread
Results 1 to 9 of 9

Thread: Move "Post an ad" button on mobile navigation menu

  1. #1
    Senior Member
    Join Date
    May 2014
    Posts
    178

    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)

    move-button.jpg

    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?

  2. #2
    Flynax developer Rudi's Avatar
    Join Date
    Dec 2014
    Location
    Planet Earth
    Posts
    2,537
    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.

  3. #3
    Senior Member
    Join Date
    May 2014
    Posts
    178
    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

    button.jpg

  4. #4
    Flynax developer Rudi's Avatar
    Join Date
    Dec 2014
    Location
    Planet Earth
    Posts
    2,537
    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.

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

  6. #6
    Flynax developer Rudi's Avatar
    Join Date
    Dec 2014
    Location
    Planet Earth
    Posts
    2,537
    You just need to remove the code after @media screen and (max-width: 767px)

    Code:
    Only registered members can view the code.

  7. #7
    How to do this on rainbow theme?
    Classifieds Site: My Site
    Other Site: SEO

  8. #8
    Flynax developer Rudi's Avatar
    Join Date
    Dec 2014
    Location
    Planet Earth
    Posts
    2,537
    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"

  9. #9
    Quote Originally Posted by Rudi View Post
    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!
    Classifieds Site: My Site
    Other Site: SEO

+ Reply to Thread