CODEWITHSUNDEEP
cssprestashopprestashop-1.6
anderssmidt
anderssmidt

Reputation: 11

How to make prestashop top-menu vertical on mobile

How do I make my top-menu vertical and only displaying one item per line when resized to mobile-devices?

Right now it looks like this(Prestashop 1.6 mobile top-menu-fail):

enter image description here

In advance thanks for the advice!

Upvotes: 1

Views: 821

Answers (1)

Alex
Alex

Reputation: 8695

You can add display:block; to li.

@media (max-width: 767px)
{
 .sf-menu > li {
    float: none;
    position: relative;
    border-right: none;
    display: block;
  }
}

Upvotes: 1

Related Questions