Improvement responsive.css

This topic has 3 replies, 2 voices, and was last updated 8 years, 8 months ago by Mahesh.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
March 17, 2016 at 12:39 am #87651
Eric
Participant
by adding this in the custom css area, the second widget has always the same left margin:
```
@media screen and (max-width: 767px) {
	/* Larger Smart Devices */		
	#secondary .widget {
		margin-left: 40px;
		width: 246px;
	}
}
@media screen and (max-width: 560px) {
	#secondary .widget {
		margin-left: -20px;
		padding: 10px 4%;
		width: 91%;
	}
}
@media screen and (max-width: 480px) {
	#secondary .widget {
		margin-left: -20px;
		padding: 10px 4%;
		width: 91%;
	}
}
```
Regards
March 17, 2016 at 10:23 am #87664
Mahesh
Participant
@ericmuc: Checked your site and the margin left in your Custom CSS is working fine correctly (reflecting as it should on the front end). But as I checked, I think you can remove the middle one media rule i.e. the below code:
```
@media screen and (max-width: 560px) {
	#secondary .widget {
		margin-left: -20px;
		padding: 10px 4%;
		width: 91%;
	}
}
```
It is causing some design issue when viewed at width 560px to 481px. Other is working fine as it should.
Let me know if any problem.

Regards,
Mahesh
March 17, 2016 at 1:49 pm #87669

Eric
Participant

Hi Mahesh,

Thanks! If I delete this part, I have following error at some point, if I make the browser windows smaller: Image. So what is the solution, that I have here the margin right and no design issue at 560px to 481px?

Kind regards
Eric

March 17, 2016 at 2:13 pm #87670

Mahesh
Participant

@ericmuc: Its kinda strange, earlier when I checked your site having all of the above code above in Custom CSS, the widget seem to be sticking out to left iat 560px to 481px (causing design issue) and now you’ve removed it (as per my suggestion), causing design issue as in the image link you’ve provided. Please use the Custom CSS that you’ve put earlier and this design issue will be fixed. May be a cache problem in mine earlier.
Let me know if any trouble.
Sorry of the inconvenience.

Regards,
Mahesh
Author

Posts