I have two fixed position arrows for next and previous blog posts on my blog. http://www.top5best4you.com
Though if the browser window size is too small it will still show them and they will be over the top of te content on the page.
Is there a way for me to hide them if the browser size is stoo small to display them properly?
Cheers.
You could use media queries.
Put this code in your
<head>:<meta name="viewport" content="width=device-width" />Then, set your arrows to
display: none;in your CSS, and add this at the bottom of your CSS file:@media all and (min-width: 1280px) {.prevpost, .nextpost { display: block; }
}