Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • August 10, 2017 at 4:58 am #836714
    GabrielSenn

    I am having a problem, in that when I view my site in mobile, there is an overlay of the search icon (mag glass), rather than listing it as another menu item.

    You can preview the issue at http://dev.mediabox.ca/3/ but it looks like this:

    icon overlay

    It even shows two scroll bars which is really strange, and the vertical separator which I’d rather not see in mobile mode.

    Separate but while on the subject (please let me know if I should start a separate thread), I am also using WPML and I would rather not see the flags in the menu. They are turned off in WPML settings and I am already suing your code:

    #top #avia-menu .av-language-switch-item {
    display: none;
    }

    to remove them from display in the non-mobile version of the site. Clearly that code does not have an effect on the hamburger menu :-\

    Thanks in advance!
    Gabriel

    August 10, 2017 at 6:40 am #836762
    John Torvik

    Hey GabrielSenn,

    Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

    – Link to your site
    – WordPress Admin username / password
    – FTP credentials

    Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

    Best regards,
    John Torvik

    August 10, 2017 at 4:10 pm #837038
    GabrielSenn
    This reply has been marked as private.
    August 11, 2017 at 12:24 pm #837413
    Victoria

    Hi GabrielSenn,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (max-width: 475px) {
  .av-burger-overlay-active #top #menu-item-search {
   display: none !important;
}
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

    August 11, 2017 at 4:33 pm #837508
    GabrielSenn

    Hello Victoria,

    While that works, it removes the search option all together, rather than list it. For my needs at the moment that will do.

    What about the flag icons though? Any suggestions about that?

    Thanks.

    August 15, 2017 at 12:43 pm #839243
    Victoria

    Hi GabrielSenn,

    What about them? Do you want to hide them for mobile?

    Best regards,
    Victoria

    August 15, 2017 at 2:56 pm #839319
    GabrielSenn

    That is correct Victoria.

    August 15, 2017 at 6:37 pm #839506
    Victoria

    Hi GabrielSenn,

    Can you give them some class? Hard to target them the way they are now.

    Best regards,
    Victoria

    August 15, 2017 at 7:10 pm #839522
    GabrielSenn

    You gave me a partial answer in your question :) They do have a class, it is “language_flag”

    I’ve tried:

    .language_flag {
    display: none;
    }

    and it removes the flags, but, it keeps the dividing lines above and below. Any suggestions? (please note that I do want to keep the dividing lines between the other menu items)

    August 16, 2017 at 11:47 am #839829
    Victoria

    Hi GabrielSenn,

    I am not seeing the classes on a mobile menu

    View post on imgur.com


    That’s why I asked about it. The menu for mobile is a “clone” of the normal and it is a bit different.

    Best regards,
    Victoria

    August 16, 2017 at 3:37 pm #839935
    GabrielSenn

    Does this help?

    class

    August 18, 2017 at 2:01 pm #840868
    Victoria

    Hi GabrielSenn,

    Those classes are too deep. Let’s try this:

    
.av-active-burger-items:nth-child(8), .av-active-burger-items:nth-child(9) {
  display: none;
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

    August 18, 2017 at 3:17 pm #840898
    GabrielSenn

    Thank you Victoria, that worked.

    FYI, I had to use it together with:

    .language_flag {
    display: none;
    }

    In order to ensure the icons did not show up at all.

    For anyone visiting this thread for reference, the final code for me needed to be:

    /* Remove flags from the menu & hamburger menu */

    .language_flag {
    display: none;
    }

    .av-active-burger-items:nth-child(8), .av-active-burger-items:nth-child(9) {
    display: none;
    }

    I am assuming that the values child(8) and child(9) are to do with the position in the menu, and that if I was to add or remove menu items I may need to change those values. Correct?

    August 19, 2017 at 9:32 pm #841430
    Victoria

    Hi GabrielSenn,

    Yes, you’re correct. You will need to update the number if the menu changes.

    Glad we got things working for you :)

    Best regards,
    Victoria

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