Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #362372

    Hi,

    We have been customizing the spacing on Main Menu elements using this code: https://kriesi.at/support/topic/placing-menu-below-header/#post-286722 for all three of our websites. Two of them work fine it seems, but for some reason, there seems to be an issue with one of the websites. If I make padding space 9 or “0 09” pixels, it squashes the menu headings together. But if I make it 10 or “0 10” pixels, it spreads significantly and pushes the headings out so far it spills over into another row. It seems that these are the only two extremes, no other higher or lower amount causes any slight changes. Links and example have been pasted into examples section.

    The bit of code applicable to this issue and browser is:
    @media only screen and (min-width: 1140px) {
    .av-main-nav > li > a { padding: 0 10px; }}

    #362375
    This reply has been marked as private.
    #362989

    Hey!

    Try using an !important rule and clear your browser cache after making the changes.

    @media only screen and (min-width: 1140px) {
    .av-main-nav > li > a { padding: 0 10px !important; }
    }

    If your still having problems then send us a link and we’ll take a look. You can set your reply as private if you wish.

    Best regards,
    Elliott

    #363764

    Hi Elliot,

    The important rule made all the difference.

    Thanks!

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Quick CSS Code Working On All Websites Except One’ is closed to new replies.