Hi all,
I have added a lot of CSS coding to a standard wordpress responsive theme, but I am now concerned that my site is appearing differently on different screens. For example, the slide show on this page: http://annascherman.com/made-in-birmingham/ was perfect on one screen, but so off on another that the buttons to move forward/backward were completely hidden from view.
In addition, when I load the site on my phone, it appears that none of the CSS coding is taking effect! My front page (here: http://annascherman.com/) is no longer gridded properly and my slideshow reverts back to having a chunky, black frame around the images.
I have added this code:
`@media screen and (max-width: 767px) {
.main-navigation {
padding-left: 0;
width: 150px;
}
}`
in my CSS to no avail. Any genius ideas out there to solve these issues?