Mobile version not displaying correctly

My website is not displaying correctly. http://www.equestremagazine.com I recreated the modules based on the values from a practice site installed with quickstart pckage. I am having the images on the mobile version are looking smaller than on the quickstart version. Also the text is not going to the edges as in the quickstart version. You can see the difference in size when you scroll to the video and they have less padding than the other modules.

Can somebody help? Please.

It looks like modifications to style.css file is causing the problem:

Code: Select all

/* Mobile */
@media (max-width: 800px) {
   .nspArts,
   .nspLinksWrap {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      overflow: hidden;
      padding: 0 32px;
      position: relative;
   }
   
   .nspPrev,
   .nspNext {
      left: 0;
      position: absolute;
      top: 20%;
      z-index: 101;
   }
   
   .nspNext {
      left: auto;
      right: 0;
   }
   
   .nspPagination {
      display: none;
   }
}

@media (max-width: 600px) {
   .nspArt {
      width: 100%;
   }
}


I don't remember this code in our template files.

Can you provide me the correct code to apply to the style.css....I am running the 2.5 version of News 2 also which style.css because there are 6 style sheets.

I'm not quite sure what are you asking for.
The code provided above was probably added by you to this file, so you should know what it is doing beside the problem you have mentioned above. Deleting this modification will bring back correct spacing.

Not possible. This was a new install dowloaded from gavick a week ago. I have not modified anything. I went to another site mentioned in one of these posts and they are having the same problem, they just haven't noticed. http://www.viubasquet.com/portal/
I noticed because I have the the same template on a site with joomla 3.0. ... es.equestremagazine.com

Ok, I got it.
It looks like you have enabled in one of News Show Pro modules option "Use Default CSS" available in "External Files" tab.
Please check every NSP module for that setting, disable it and layout should look fine.

Thanks...that was the problem.....thanks for showing great follow through to see this to the end.

Is there anything else I can help you with regarding this topic?
If not, If you will have any other questions (not relative to this thread), feel free to post new forum threads - it allows us to answer you faster.

I am having the same problem. I don't have any NSP modules. Can you take a look and help me figure out the problem.

http://www.change-the-conversation.com/smrtshoppr/

I don't see any NSP module on your desktop view either, so what it has to do with mobile view?

Well on any mobile devices the site gets all messed up. I am not clear on what I'm doing wrong. Is it for the site to be responsive I have to use NSP modules?? I don't understand.

You are having problems with your site:

Code: Select all

Table '/forum/phoenixweb/sshpr_session' is marked as crashed and last (automatic?) repair failed SQL=INSERT INTO `sshpr_session` (`session_id`, `client_id`, `time`) VALUES ('2dc7db9eef57de397d256b9b2073745e', 0, '1410526271')


Please fix it and write back.

Fixed the session error

Please any help would be appreciated. The responsiveness of the site is all off.

Currently the number of changes you have made to the template doesn't allow to fix all the problems.
Also your problem doesn't correspond to the original thread topic.

Sorry I linked the topic of the thread to what was happening to me. However if I made so many changes I can't fix all the problem do you have a suggestion as to what I can do as an alternative?

After that many changes - you need to nail them one by one with firebug/devtools and fix behaving on elements basing on media-queries.