top margin logo has issue with settings for media only screen

Hello,

Please check http://www.sporthuisolympia.nl/wp

I added this code to get a bigger margin at the top of the logo:
.logo img {
margin-top:20px;
}

Worked fine.

But then I added this code for the menu to look good on mobile screen (tablet):
@media only screen and (max-width: 1100px) {
.av-main-nav > li > a { padding: 0 7px; }

After I’ve added this code, my logo does not care about my margin settings anymore. Stays at the top of the header.

Also this code for the used tabs does not work anymore after adding the media only screen code:

.main_color .sidebar_tab, .main_color .tabcontainer .tab {
color: #000000;
font-size: large;
}

Is there a way to fix this?

Thanks for your help

• This topic was modified 9 years, 1 month ago by famewebdesign.