[Resolved] Menu Spacing And Tablets

[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!!!

[Tom]

Wrap your CSS in this:

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

[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!!!!

[Tom]

Thank you so much! I really appreciate it! 🙂

[Author]

Posts