I've tried looking every where for some code that might help my problem - I've found many similar problems but the code never seems to do the trick.
I have a long header logo on my website which I like and the menu sits under it. However, when you look at it on a mobile device (iPhone) the grey square that holds the drop down menu covers the last third of my logo.
Like I said I have tried all sorts to move it!
I don't really care where it does - above the logo header or below - just as long as it is not interfering with my logo!!
Any help would be greatly appreciated (i'm using woo commerce and mystile for reference)
beautifulidiotclothing.com