Hi, I’m a relative newbie and am having some of the same problems as people in this thread.
My site looks fine on my laptop but on mobile devices, the navigation items stack up and the search box covers up the header photo.
I’m using a twenty eleven child theme.
I tried adding this
/* =Responsive Structure
----------------------------------------------- */
@media (max-width: 800px) {
/* keep the sidebar - this edit is for right sidebar only */
#page {
min-width: 500px;
}
.right-sidebar #main #content {
margin: 0 29% 0 1%;
width: 70%;
}
.right-sidebar #main #secondary {
float: right;
margin: 0 2% 0 0%;
width: 24%;
}
}
The sidebar is where it’s supposed to be, but I’d like it to be visible upon first visiting the site. (Currently I have to scroll right to see it.) Also, this didn’t fix the issue of the search box or the navigation menu.
I’d really appreciate any help.
https://www.troupband.com