NSP mobile width problem

I've my site already finished but there is a problem when I see the page in my mobile in portrait position:

captura-problema-nsp.jpg

When the width becomes smaller the text gets unreadable....

I need to see your website to check it, could you send me a PM with the URL?

Try to add this code into css/mobile.css file:

Code: Select all

.gk-nsp-image-wrap,
.gk-nsp-content-wrap {
   width: 100%;
}

.gk-nsp-content-wrap {
   margin-bottom: 20px
}


It worked! Thanks a lot!

Me again...

I think it's an easy fix but not sure how to make it. The thing is that when visiting my site with my smartphone the NSP widget displays too much margin at both sides as you can see in this screenshots:



In the first the margin of the sidebar and Tweets widget is OK.
The problem can be seen in the second screenshot...How can I remove most of this margin on NSP and slideshow (first elements of the page) without affecting the pc version?

Any help?

Solved...it was as easy as adding this to mobile.css:

Code: Select all

#gk-mainbody-columns > section > div > section {margin: 0 20px;}

Decreasing left and right margins from 40px to 20px. It looks slightly better to me.