menu & logo alignment

at the site http://macadamiaoils.com/
(site access pw = jindilli )

I have used the following custom CSS

Code:

}
.container_24 .grid_6 {
    width: 32%;
}
.container_24 .grid_18 {
    width: 65%;
}

this has stopped the menu overlapping the logo on a full size screen

however as the screen responds to smaller screen size the menu overlaps the logo

how can I prevent this?

 

Hello,

Greetings from InkThemes!

Please paste the code given below in Custom CSS section (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

@media only screen and (max-width: 1300px) and (min-width: 960px){
.logo img {
    width: 100%;
}
}

Hope it will resolve your issue

Do let me know if you need more assistance,

Thanks & Regards!
Priyanka
InkThemes.com