Home » Php » Site not responsive on some pages in mobile

Site not responsive on some pages in mobile

Posted by: admin September 25, 2018 Leave a comment

Questions:

I’m making a site in wordpress (theme 2013) but I’m having issues with the mobile version.

  1. I would like to remove the slider from the mobile site and replace it with images (same as the slider). But when I put in the code n2-ss-slider display:none the slider disappears from the main webpage as well.

  2. Home page in mobile version looks ok (except for the slider), but looking at the different pages (webshop, varukorg, kontakt,FAQ, om oss) they do not fill the screen and the footer is not at the bottom of the page nor is it 100% from side to side.

  3. I want the logo to be the same size on every page (the size it is on homepage is good).

The webpage is: larvigaladan.se

/*Settings for the mobile version*/

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

.site {
	background-size: 100% auto;
}	
	
.site-footer {
  size:100% auto;
	width:100%;
	height:100%;
	}	
	
.site-header, .header-logo, .home-link, .navbar {
  margin-left:5px;
	background-size: 100%;
	
}		

/*This is not in the code at the moment because it removes the slider from main page as well*/
.n2-ss-slider
{
 display:none;
	
}	
	
}
Answers: