• Closed by: Marek
  • Closed on: 17.11.17, 15:17
  • Reason: Closed
  • Comment: Glad to help!

Ticket #10708 - Venedor Flexmenu colors for mobile resolution are not readable with Orange preset

Colors are very badly picked or not fully tested with mobiles or smaller resolutions, with Orange preset in Venedor, in mobile flexmenu becomes not readable at all. When it opens it is basically white text over white background, or something very near white colors both. It looks like empty menu.

Only after you move finger over (or when testing in desktop small window size, move mouse over) the menu item is highligted with ornage color, and text comes visible.

Comments

Marko Koskinen 28 Aug 2017, 23:58

ok, after using Chrome developer tools managed to locate some color coding to pk_flexmenu_responsive file to
background: #fafafa

which I now changed as below t
background: #595959

this is same color as in search box, so in that way opened menu looks at least somehow in line with other elements near by.

      .flexmenuitem,
      #page .main-section-links li {
              float: none;
              width: 100%;
              overflow: hidden;
              background:#595959;
              border-bottom:1px solid #f2f2f2;
              border-top:1px solid #fbfbfb;
              padding: 15px 0 0px 0px !important;
              line-height: 20px;
              position: relative
      }
Marek 29 Aug 2017, 10:27

Hi, Marko.
Thank you for the fix.
I’ll add it to menu CSS.