Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 22, 2017 at 6:49 pm #750593
    wpsonja

    Hallo,
    ich nutze Enfold mit WooCommerce. Im Secondary Menu habe ich eine Produktsuche sowie zwei Buttons Mein Konto und Anmelden platziert. Wenn ich die Seite über die Browser Firefox und Safari öffne, funktioniert das so, wie ich es mir vorstelle. Leider rutscht im Microsoft Edge das Suchfeld nach oben. Außerdem ist das Menu nicht responsive. Lässt sich das Problem über Quick CSS lösen? Leider habe ich nur Basiskenntnisse in CSS und habe auch hier im Forum nichts ähnliches gefunden.

    Kann ich das Main Menu über CSS so verändern, dass es im Tablet nicht in zwei Reihen angezeigt wird, sondern nur in einer (Schrift kleiner, Menüpunkte näher aneinander)?

    Danke für Hilfe
    Sonja

    February 27, 2017 at 7:17 pm #752435
    Yigit

    Hey Sonja,

    Sorry for the late reply!

    I asked my teammates to check your website on Edge browser. Please kindly wait to hear from them.

    Best regards,
    Yigit

    February 28, 2017 at 1:13 am #752680
    wpsonja

    Hi Yigit,

    thanks. Please can you also check the mobile version of the website? The three buttons of the secondary menu are very big and prominent. Is it possible to change the position of the secondary menu under logo, cart and hamburger menu?

    The look of the main menu in tablet version I already managed to change.

    Best regards,
    Sonja

    February 28, 2017 at 12:22 pm #752874
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    @media only screen and (max-width: 480px) {
#header_meta .container {
    width: 100%!important;
    max-width: 100%!important;
}}

    If that does not help, can you please post a screenshot and show the changes you would like to make?
    Unfortunately it would not be easily possible to move header meta section below main header in mobile version

    Best regards,
    Yigit

    February 28, 2017 at 7:13 pm #753162
    wpsonja

    Hi Yigit,

    here the link to the screenshot: http://imgur.com/a/6tYgo
    I’d like to reduce the distance between the search button “Rechercher” and the two others “Deconnexion” + “Votre Compte”. And the three buttons should be a little bit smaller, because actually they are bigger than the logo and the hamburger main menu. I understand that it is not so easy to put the secondary menu below the main header. But I hope I can solve the problem with minimizing the buttons of the secondary menu.

    Tanks and best regards,
    Sonja

    March 6, 2017 at 8:11 am #756210
    Ismael

    Hi!

    Please add this css code in the Quick CSS field:

    @media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */
	li#menu-item-310, li#menu-item-344 {
	    top: -20px;
	}
}

    Cheers!
    Ismael

    March 8, 2017 at 2:18 pm #757786
    wpsonja

    Hi Ismael,

    thanks a lot. It works. You can close the topic now.

    Best regards,
    Sonja

    March 9, 2017 at 7:15 am #758175
    Ismael

    Hey!

    Great! Please feel free to open a new thread if you need anything else. :)

    Best regards,
    Ismael

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Enfold secondary menu nicht responsive’ is closed to new replies.