Change of CSS -> error on mobile display

• 

  theslowpace · Member · Jan 31, 2014 at 10:21 am

  • Copy link
  • Add topic to favorites

  Hello,

  Yesterday I made some changes in my CSS to see the photos bigger. The problem is, that now I can’t see the blog properly in mobile devices. Maybe this problem has an easy solution but I’m not an expert in CSS and I would need your help.
  I only included those changes:

  .entry img {
  	border: none;
  }
  
  .col-full {
  	margin: 0 auto;
  	width: 1240px;
  }
  
  #main {
  	width: 900px;
  }
  
  div#pagenav {
  	float: rigt;
  /*left:275px;*/
  	top: -315px;
  }
  
  #header {
  	background: none;
  	padding: 0;
  }
  
  #header h1 {
  	position: relative !important;
  	top: 40px;
  	padding-top: 130px;
  }
  
  #header h1 a {
  	text-indent: -9999px;
  	display: block;
  	background: url('http://theslowpace.files.wordpress.com/2014/01/header_blog_degradado_big1.jpg') no-repeat;
  	width: 1236px;
  	height: 263px;
  	border: 5px solid #efefef;
  }
  
  div#main.col-left {
  	padding-top: 20px;
  }
  
  div#sidebar.col-right {
  	padding-top: 10px;
  }

  What should I change to see again the blog without problems in mobile devices?

  Thank you so much for your help.

  The blog I need help with is: (visible only to logged in users)

• 

  theslowpace · Member · Feb 4, 2014 at 9:54 am

  • Copy link

  Could anyone help me with this problem? Is there any solution?

• 

  thesacredpath · Member · Feb 10, 2014 at 10:23 pm

  • Copy link

  Hi there, I see you have the mobile theme active on your site and I see your site just fine in my iPhone. Let us know if you have additional questions.