Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #854004

    Hi, I have read through all the forum posts about this and it seems that my issue is not getting resolved. The problem is I need to hide an item on mobile menu however I cannot get it to work due to CSS not working.

    I have been including the following code in the CSS:

    @media only screen and (max-width: 990px) {
    .only-dt { display: none !important; }}
    @media only screen and (min-width: 990px) {
    .only-mo { display: none !important; }}

    In the MENU section I checked CSS Classes and typed in only-dt within it however after refreshing my page multiple times I still get the menu item “GET A QUOTE” on my mobile device. For some weird reason this is not working and I’m not understanding why it’s not functioning. I would really appreciate your help.

    Thank you

    #854087

    Hey aliakbari2,

    Please provide a link to the site in question so we can look into this issue further.

    Best regards,
    Jordan Shannon

    #854222

    Hi the issue is that I want to hide the GET A QUOTE from mobile devices and create another menu item with the same name to appear on desktop devices only.

    Thank you for your help :)

    #854344

    Hi aliakbari2,

    Something does not look right, the class that you add is added to the menu, but the one show on mobile is a different one, and is not like it is supposed to be. Could you upload the new version of the theme via FTP and get back to us?

    Best regards,
    Victoria

    #854379

    Hi, the theme is up-to-date, the current version is 4.1.2, do you need me to re-upload the theme files again to the server? could that by any chance affect the website in any way?

    #854928

    Hi aliakbari2,

    Yes, the theme is up-to-date, but sometimes the update process does not overwrite the files properly and so I asked you to do it. Yes, please if you can. No, it should not break anything, but I do recommend you to have a backup ready.

    Best regards,
    Victoria

    #854975

    Hi, I re-uploaded all of ENFOLD’s files into the proper directory via FTP however it unfortunately did not resolve the issue.

    #855007

    Hi,

    Try adding this to quick css to hide “GET A QUOTE” on mobile:

    @media only screen and (max-width: 767px)  {
    #av-burger-menu-ul li:nth-child(6){
    display:none!important;
    }}

    Best regards,
    Jordan Shannon

    #855015

    Thank you Jordan, this code worked me! Out of curiosity why didnt the previous method work?
    Again thank you very much :)

    #855017

    Hi,

    Where you using the same format as I have above? With li:nth-child(6)? With menu items you really have to be as specific as you can.

    Best regards,
    Jordan Shannon

Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.