Reply To: header text widget on mobile

Morning from Tokyo Wes,

Phone was off all nite and here’s what I can give you to work with this a.m.:

I have never needed to fiddle with the Mobile part of the Legacy CSS until I put in the code you sent. I put the code into the are below this Line:

/* Responsive Design
———————————————————— */

@media only screen and (max-width: 600px) {

And it now reads:

}

#header .widget-area {
float: none
margin-bottom: 20px;
padding: 0 20px 10px;

I did see that further down the code there is this line:

@media only screen and (min-width: 600px) and (max-width: 960px) {

And below it, this line:

#header .widget-area {
margin-bottom: 20px;
padding: 0 0 10px;

Should they be the same settings or not…. As you know, I don’t have a clue.
Maybe I should reset the upper to the original setting?

Let me know. I’ve just checked my phone after it was sitting off overnite and the Pages render perfectly side-to-side in Landscape, as does the Header Navigation. The issue is only with the Header Widget.

Thanx Wes.