Replies: 0
Hi!
I’m quite new to CSS but have modified my Twenty Eleven theme. I’m happy with everything except when I go on my mobile, I have two problems.
Site: http://www.maddes.stockholm-manicure.se/wp
1. The original main menu is showing in blue on top, I want it to hide when on a screen smaller than e.g 500px. I have added a responsive menu via this addon called “Responsive Menu” which is working perfectly.
I tried adding this under the @media (max-width: 450px) block of CSS code:
#access {
display: none;
}
2. When on mobile the footer area including the three widgets (in black on my site) disappears. But if I press “View full size” (I’m not sure what it says in English but if I directly translate from Swedish it says “View full size”) the site appears as I want it to.
The Blue menu on top also disappears when I do this.
In this mode there’s a text at the bottom saying “View mobile version”.
Any ideas?