Forum Replies Created
- Deprecated: Function get_magic_quotes_gpc() is deprecated in /var/html/dev/wp/wp-includes/formatting.php on line 4371Deprecated: Function get_magic_quotes_gpc() is deprecated in /var/html/dev/wp/wp-includes/formatting.php on line 4371Notice: Trying to get property 'comment_author_email' of non-object in /var/html/dev/wp/wp-content/plugins/fv-gravatar-cache/fv-gravatar-cache.php on line 236
squashai
Warning: Cannot modify header information - headers already sent by (output started at /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php:340) in /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_wp.class.php on line 220You can add more css for the resized version as follows:
@media screen and (max-width: 960px) {
}
You can use the max-width parameter to specify when to use the code in the brackets. The two I’m using are 960px and 760px.
To get around the effect that you saw, I simply positioned the header relatively and gave it a higher z-index than the menu (anything over 2, I think). That brought the text ahead of the menu, and then it was just a matter of changing the color, code which I also enclosed in the above parameters.
However, for your case, I suggest you add something like this to your code:
@media screen and (max-width: 760px) {
#access {
background: none !important;
}
}As that seems to do the trick on my implementation. You might have some glitches, but they should be easy to solve.
If you want to take a look at all of the CSS modifications I’ve made, you can find them here: http://pastie.org/4572913
Particularly, I would suggest you adopt a couple small things, like giving #access a webkit background and changing the position of the menu button to line up with the search bar.
Good luck! I hope this helps! ):
