Black Friday Sale! Get up to $40 off GP Premium!Learn more

[Resolved] Menu Spacing And Tablets

Home Forums Support Menu Spacing And Tablets

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #165660
    Mary Pearson

    Hi Tom,

    I’ve created a new website at http://caribecampo.com/

    To make the Menu items evenly spaced I have added the following to Custom CSS

    .menu-item-72, .menu-item-71, .menu-item-69, .menu-item-70 {
    margin-right: 70px;
    }
    .menu-item-72 {
    margin-left: 30px; }

    It now looks good on the computer but looks terrible on tablet. Can you tell me please how I restrict the custom CSS to just computer.

    Many thanks!!!

    #165710
    Tom
    Lead Developer
    Lead Developer

    Wrap your CSS in this:

    @media (min-width: 1025px) {
        /* Desktop CSS in here */
    }
    #165743
    Mary Pearson

    Thank you so much dear Tom. You always come through for me. I have been wanting to “Buy you a coffee” for such a long time, waiting until that day when I could afford it, but today just decided that that day is probably never going to come, so I just made a small donation anyway. Will try to do it again in future.

    Again, many thanks for all your help. You are, without a doubt, the BEST tech support on the internet!!!!

    #165804
    Tom
    Lead Developer
    Lead Developer

    Thank you so much! I really appreciate it! 🙂

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.