NSP mobile width problem

November 2012 WordPress Theme
GK User
Fri Jul 11, 2014 11:51 am
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.... :?:
User avatar
Senior Boarder

GK User
Fri Jul 11, 2014 12:24 pm
I need to see your website to check it, could you send me a PM with the URL?
User avatar
Moderator

GK User
Fri Jul 11, 2014 1:29 pm
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
}
User avatar
Moderator

GK User
Fri Jul 11, 2014 1:35 pm
It worked! Thanks a lot!
User avatar
Senior Boarder

GK User
Tue Jul 22, 2014 8:33 am
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?
User avatar
Senior Boarder

GK User
Fri Jul 25, 2014 7:53 am
Any help?
User avatar
Senior Boarder

GK User
Fri Jul 25, 2014 8:32 am
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.
User avatar
Senior Boarder


cron
Remember me
Register New Account
If you are old Gavick user, click HERE for steps to retrieve your account.