Viewing 22 posts - 1 through 22 (of 22 total)
  • Author
    Posts
  • December 27, 2017 at 1:01 am #892100
    sasha

    Hi,

    How can I disable the new “Main Menu” options you added to the Theme Options? I mean completely remove them… It’s messing up my main menu colors and adding the burger etc – I don’t want it and I do want to have the latest version of Enfold.

    Thanks

    December 27, 2017 at 8:05 am #892130
    Nikko

    Hey sasha,

    I don’t think that’s possible, maybe we can help with adjusting the colors and other stuff on your menu?

    Best regards,
    Nikko

    January 23, 2018 at 1:28 am #901081
    sasha
    This reply has been marked as private.
    January 23, 2018 at 10:11 am #901320
    Victoria

    Hi sasha,

    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 (min-width: 990px) {
  #top #header .av-burger-menu-main.menu-item-avia-special  {
    display: none;
  }
}
.header_color .main_menu ul:first-child > li > a span.avia-menu-text {
 color: #fff;
}

.header_color.header-scrolled .main_menu ul:first-child > li > a span.avia-menu-text {
 color: #808080;
}
@media only screen and (max-width: 767px) {
  .responsive #top #wrap_all .main_menu {
    left: 0;
    right: auto;
  }
  #top #menu-item-search a *, #top #menu-item-search a {
    color: #808080 !important;
  }

  .responsive .logo img {
    width: 90%;
   }
  .responsive #top #header #menu-item-search a {
    padding-left:23px !important;
  }

}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    January 23, 2018 at 2:36 pm #901465
    sasha

    Thanks !!! This solves some of the problems… Still on mobile there’s the search sign which wasn’t there and it covers the menu in a way that the menu can’t be clicked.

    Another problem I noticed is that all my imported icons don’t show any more (although still appear on the list of icons (Font: fontello). Why is that and how can I fix it?

    January 24, 2018 at 6:32 am #901940
    Victoria

    Hi sasha,

    This code /wp-content/themes/enfold-child/style.css?ver=4.2.1is almost impossible to override. Can you remove the padding-right or just the !important?

    Can you please attach a few screenshots with the missing icons and the links to the pages where it happens?

    Best regards,
    Victoria

    • This reply was modified 6 years, 7 months ago by Victoria.
    January 24, 2018 at 8:47 am #901990
    sasha
    This reply has been marked as private.
    January 24, 2018 at 11:32 am #902062
    Victoria

    Hi sasha,

    From the code I gave you before, please remove this:

    
  .responsive #top #header #menu-item-search a {
    padding-left:23px !important;
  }

    and the whole media query should be like this

    

@media only screen and (max-width: 767px) {
  .responsive #top #wrap_all .main_menu {
    left: 0;
    right: auto;
  }
  #top #menu-item-search a *, #top #menu-item-search a {
    color: #808080 !important;
  }

  .responsive .logo img {
    width: 90%;
   }
  #top #menu-item-search {
      right: -20px;
  }
}

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

    January 24, 2018 at 3:32 pm #902184
    sasha

    I also added this to the media query and it looks good now:
    #top .main_menu .menu > li:last-child > a {
    padding-right: 30px !important;
    }

    About the icons – Does it mean that the problem is only on staging and will not occur on the live website…?

    I’m sorry but there’s another problem – I see the whole appearance of the mobile menu has changed. How can I keep the design we have now?

    January 25, 2018 at 8:07 am #902677
    Victoria

    Hi sasha,

    Yes, the mobile menu had a makeover in Enfold 4.1 or 4.2 and the burger is different.
    The image moved to the private field.

    You’re calling the icons via https and your staging site is not. As long as the protocol is the same, there should be no issue.

    Best regards,
    Victoria

    January 25, 2018 at 4:17 pm #902888
    sasha

    Hi Victoria,

    Thanks for all the help…

    It seems like there are too many problems with the main menu – see what happens with the attached link on mobile – it’s a mess… How can I fix this?

    Maybe you can tell which files not to update to avoid the main menu changed?

    (BTW the icons work fine now without me doing anything to fix it…)

    Thanks

    January 26, 2018 at 4:01 am #903138
    Victoria

    Hi sasha,

    So remove all the menu code from before, if you need to change something we can help you with the new code.

    Best regards,
    Victoria

    January 29, 2018 at 5:18 am #904013
    sasha

    Hi Victoria,

    The custom code worked well with the old versions of Enfold. For some reason the menu changes that come with Endold 4.1 and the next versions seem to “break” the custom main menu design.

    I removed the code and now the menu doesn’t show on desktop… Please see if you can help with this.

    Would it be possible to know which of the files affect the main menu and I won’t update them? else it seems like I need to redesign it…

    Thanks

    January 29, 2018 at 7:27 am #904097
    Victoria

    Hi sasha,

    I see you’ve set the menu items to not display.

    Best regards,
    Victoria

    January 30, 2018 at 4:45 am #904608
    sasha

    Hi Victoria,

    I removed (marked as comment) all the design that was added for the English menu. Now all the menu items show on the Hebrew menu and on the English menu. Does it make it easier for you to find the problem or should I put it back?

    Thanks again for all the help…

    January 31, 2018 at 5:25 am #905350
    Ismael

    Hi,

    Did you create a menu in the Appearance > Menus panel and set it as Enfold Main Menu? Please post the login details in the private field and we’ll check it.

    Best regards,
    Ismael

    February 6, 2018 at 4:16 pm #908660
    sasha

    Not sure what you mean… We have a customized menu (changes made on style.css of Enfold child theme)… See the attached details…

    February 7, 2018 at 12:40 pm #909077
    Ismael

    Hi,

    It’s asking for a google authenticator code. Please gop to the Appearance > Menus panel. Make sure that the main menu is set as Enfold Main Menu under the theme locations.

    Best regards,
    Ismael

    February 8, 2018 at 2:34 am #909523
    sasha

    The main is set correctly…

    • This reply was modified 6 years, 7 months ago by sasha.
    February 9, 2018 at 9:50 am #910164
    Ismael

    Hi,

    Thank you for the info. The menu items of both languages are combined in a single menu. ( see private field )

    Did you translate the menus?

    // https://wpml.org/documentation/getting-started-guide/translating-menus/

    Best regards,
    Ismael

    February 11, 2018 at 8:18 am #910721
    sasha

    Hi Ismael,

    The menu works well on the live website with Enfold 4.0.7… What you see is the menu on the staging website after making some changes as per the chat with Victoria… If you can please read this thread that would be great if not we can start from scratch (I’ll make a new copy of the live website without the changes…).

    Thanks…

    February 12, 2018 at 11:11 am #911009
    Victoria

    Hi sasha,

    Ismael is spot on, you have menu items in both languages, this makes the menu bigger and it looks bad on a desktop. If you have separate menus, you will not have to fight the menu issue.
    Please reconsider Ismael’s response.

    Best regards,
    Victoria

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