Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • September 19, 2017 at 7:34 pm #854004
    aliakbari2

    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

    September 19, 2017 at 11:54 pm #854087
    Jordan Shannon

    Hey aliakbari2,

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

    Best regards,
    Jordan Shannon

    September 20, 2017 at 7:33 am #854222
    aliakbari2

    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 :)

    September 20, 2017 at 1:22 pm #854344
    Victoria

    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

    September 20, 2017 at 2:52 pm #854379
    aliakbari2

    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?

    September 21, 2017 at 4:00 pm #854928
    Victoria

    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

    September 21, 2017 at 5:40 pm #854975
    aliakbari2

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

    September 21, 2017 at 6:42 pm #855007
    Jordan Shannon

    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

    September 21, 2017 at 7:01 pm #855015
    aliakbari2

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

    September 21, 2017 at 7:06 pm #855017
    Jordan Shannon

    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

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