top category menu in 3.30 responsive theme - there's a fundamental flaw

Thanks for the update beefy.

Fixed. Please see changeset https://nopcommerce.codeplex.com/SourceControl/changeset/34597c3c7808751467b0ca4af4e52d5dbe69eeec

a.m. wrote:

Hi Andrei. Can you tell me how I can resize space between top menu buttons?

@CarpeDiem

You can reduce spacing between top menu list items by adjusting the padding.

In styles.css from within your chosen theme.

Default is here:
~/Themes/DefaultClean/Content/styles.css


Reducing padding from 10px to 5px should do this for you.

.header-menu .top-menu li {
    padding: 10px 5px 1px;
}

Better still if you want your menu bar to be responsive you can use width adjustable font-sizes.

.header-menu a {
    font-size: 1.3vw;
}

This will shrink the font-size when the user browser width is reduced.

I would recommend adding this to your responsive.css
~/Themes/DefaultClean/Content/responsive.css

@media screen and (max-width:940px) and (min-width:481px){
    .header-menu a {
        font-size: 1.3vw;
    }
}

DTK wrote:

Thank you sir. Already done, all works great! :)