Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #922396

    Hi Kriesi-Team.

    As mentioned in the topic, I´ve got a problem with my woocommerce menu.

    The problem can be seen on the two screenshots (links in the private content area).
    For example: If I minimize the browser to an horizontal resolution less than 1396x…, the woocommerce side-menue completely disappears on the left (screenshot 1).
    But minimizing the browser under 768x…px (for example 767x…px) it makes the menu appear again – beneath all other content, but this is ok (screenshot 2).

    Is it possible to do a CSS correction, so the menu stays appearing on the left till a resolution of 1280 px or 1152 px?

    Unfortunately I have no CSS-skills to handle this viewport-problem on my own.

    Thanks for your help.

    Greetings
    Manuel

    #923565

    Hey Manuel,

    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: 1395px) and (min-width: 768px) {
        #nav_menu-5  .menu-item {
          display: block;
      }
    }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #923711

    Hi Victoria.

    Great, thanks for your help – the code works perfect. :-)
    The thread can be closed.

    Have a nice day and greetings
    Manuel

    #923767

    Hi,

    Glad that Victoria helped you. Thanks for using Enfold and have a great day :)

    Best regards,
    Nikko

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Woocommerce menue (dis)appearance with different viewports’ is closed to new replies.