Classic theme: mobile menu and language selector

Hi there,

I am writing here for a graphical proposal: would it be possible to center align the menu icon and the language selector in the mobile version of Classic (last version of the theme)? Furthermore, would you maybe know which css code must be edited in order to control the colour of the menu icon?
Thank you very much
Leonardo

Screenshot_20200205-161442_Chrome

Hi @leonardo.mancini,

The design idea was to align menu nav item left. Maybe @sophy can explain more.
Regarding centering for small and medium-sized screens:

@media (max-width: 991px) {
  #nav-small {
    justify-content: center;
  }
}

Centre-aligning the hamburger menu icon isn’t a bad idea and would definitely make the menu more obvious on mobile. Feel free to submit the idea as an issue on the Classic github repo.

As for changing the colour via CSS, the icon is an Ionicon icon. The simplest way to do this now, without modifying the templates, would be by using the element’s name attribute, like such:

ion-icon[name="menu"] {
  color: orange;
}

That’s it!

Sophy

1 Like