Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • December 3, 2014 at 6:57 pm #362372
    500Webmaster

    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; }}

    December 3, 2014 at 6:59 pm #362375
    500Webmaster
    This reply has been marked as private.
    December 4, 2014 at 4:50 pm #362989
    Elliott

    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

    December 5, 2014 at 7:04 pm #363764
    500Webmaster

    Hi Elliot,

    The important rule made all the difference.

    Thanks!

  • Author
    Posts
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.