• Author
  Posts
• 

  Eliran 1 year, 2 months ago

  Hi,

  I would like to move the button “Become a fixer” to the mobile menu when using a mobile phone and not a PC, is it somehow possible ?

  I find this “+” button very confusing, so I would like to have a “Become a Fixer” button with full text on the mobile menu (after pressing the burger).

  Thank you in advance.

  Link:

  

  yevhen 1 year, 2 months ago developer

  Please try adding this menu item in Appearance/Menus section (by adding a new item with custom URL) and then hide button “Become a fixer” on PC with CSS snippet. Please provide link on your website if you need help with CSS snippet

  

  Eliran 1 year, 1 month ago

  Hi,

  I tried to, but for some reason, it won’t work. I used the following:

  /* Hide element on Desktop */
  @media only screen and (min-width:981px) {
  	.hide-on-desktop {
  		display: block !important;
      }
  }

  CSS classes saved in menu for this link was: .hide-on-desktop

  Here is the link to my website:
  https://quickfix.website/

  

  Eliran 1 year, 1 month ago

  I’ve noticed that whenever I take this one out (the CSS for hiding the + button for mobile):

  /* For Mobile */
  @media screen and (max-width: 540px) {
  .button--secondary {
      display: none !important;
  }

  The item which I’m trying to hide, is indeed being hidden, but not when I re-add the above

  

  Eliran 1 year, 1 month ago

  Problem solved 🙂 thank you!

  

  ihor 1 year, 1 month ago developer

  Thanks for posting the solution!

  

  alexif 10 months, 2 weeks ago

  Hi Eliran. Can you please let me know how you managed to add the button in the menu? Thanks!

  

  yevhen 10 months, 2 weeks ago developer

  Please try adding it in Appearance/Menus section with Custom Links menu item. You can set Navigation label as Become a Fixer for example. And you should set URL as your-website/submit-listing/ (if you have not made any changes in URL settings). So it will add just menu item with active link

  If you want to add button with link (which is difference from similar menu items appearance) then you can do the same actions but please leave URL empty and you can try to set Navigation label as <button type="button" class="button button--primary hp-button--wide" data-component="link" data-url="your-website/submit-listing/">Custom text here</button>
  Please note that it can require further customisation

• Author
  Posts

New Reply

This forum has been archived and is no longer accepting new posts or replies. Please join our new community forum for support & discussion.