Problem With Horizontal Menu - Dropdown ( Mobile Mode )

[alexlimabh]

Hello my friends, 

 

I'm working on new e-commerce, first one I'm using prestashop. Everything is going well, except the dropdown menu, but  only in mobile mode. 

 

 

http://goldensportshop.com/store/

 

You will see the categories but all them in the same line, overlapped.

 

How can I fix it please ? Thx 

[razaro]

That is caused by position:absolute; 

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

in themes/default-bootstrap/css/modules/blocktopmenu/css/superfish-modified.css

Removing that line could help but check if it does not influence on something else.

[alexlimabh]

Razaro,

Thanks for reply

 

As you told correctly, the mobile problem was solved but now I have no submenus on desktop mode .    http://goldensportshop.com/store/

 

How can I do?

Edited January 12, 2016 by alexlimabh (see edit history)

[razaro]

On line 92 you have 

.sf-menu li ul {
  display: none !important;

edit so it is 

.sf-menu li ul {
  display: none;

not sure why you have those issues default theme menu should work ok if no modification are made.

[alexlimabh]

You're the best ! Thank you very much .

 

everything is working fine now. I had to make a couple of modifications using some examples that I've found here before your correct answer for my problem , the reason you saw the css different of the default theme .

 

 

Thanks !!