Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • October 23, 2017 at 10:44 am #867537
    Ampower

    Hi,

    couldnt find a solution in the forum so here we go. (Page: http://www.am-power.de)

    First problem: My menu is overlapping with my logo, when I use it on Tablet computers. I assume, it doesnt recognize, that there are the englisch and german labels from wpml added in the menue on the right site.

    Second problem is somewhat similar: On Smartphone screens, the language switch appears double. I guess its because enfold is taking off its own flags on desktop screen but not on small screens. So the enfold flags and the wpml text buttons for language switch appear.
    I added this css I found in another post to turn off the language flags from enfold so I can use the wpml flags. It appears that this only works for large screens:

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

    Any solution to those?

    October 23, 2017 at 5:47 pm #867754
    Victoria

    Hey Ampower,

    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: 1024px) {
  nav.main_menu {
    display: block !important;
  }
  .menu-item {
    display: none;
  }
  .av-burger-menu-main.menu-item-avia-special {
    display: block;
  }
}

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

    October 23, 2017 at 8:31 pm #867823
    Ampower

    Hi,

    thanks – that solved problem 1. However, problem 2 is still there. I see the language switchers from both, enfold flags and wmpl words

    Any ideas?

    October 24, 2017 at 9:13 am #868023
    Victoria

    Hi Ampower,

    For that, you need to play with WPML settings. There is an option there, not to display flags. If you cannot find it, we can try to hide the flags via css.

    Best regards,
    Victoria

    October 24, 2017 at 10:28 am #868066
    Ampower

    Hi,

    I dont want to see flags and on wpml they are switched off! On WPML I activated to see a language switcher in words: Deutsch Englisch as you can see on the desktop one and also on the mobile menue. However, I also added some css to make the enfold flags unvisible – but this just seems to work for the desktop – on mobile they still pop up in the dropdown menu.

    KR
    Matthias

    October 25, 2017 at 6:35 pm #868880
    Yigit

    Hi,

    Please update Enfold to the latest version 4.2 – kriesi.at/documentation/enfold/updating-your-theme-files/

    Best regards,
    Yigit

    October 25, 2017 at 9:37 pm #868962
    Ampower

    That did it – thanks!

    October 25, 2017 at 9:52 pm #868964
    Yigit

    Hi,

    You are welcome! :)

    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
    For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Problem with menu on small screens’ is closed to new replies.