Responsive CSS not working in child theme

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

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

Author

Posts
April 25, 2016 at 5:36 pm #90377

Lizi
Participant

Hi
My responsive styling has stopped working since upgrading this theme.

I have two questions:

I had responsive styling to the main style sheet in the child theme but now it is ignored. How can I have this work?

Alternatively, how do I set up a responsive style sheet in the child theme and point wp to it?

Many thanks

April 25, 2016 at 7:58 pm #90386

Lizi
Participant

For example, I added media query styling like this:

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

and added it to style.css in the child theme folder.

All these responsive styles have stopped rendering.

They worked fine until I updated the theme to 3.2.

Please can you advise?

April 26, 2016 at 12:35 pm #90438

Mahesh
Participant

@izbiz1: Please post in your site URL.

Regards,
Mahesh

April 26, 2016 at 2:55 pm #90454

Mahesh
Participant

izbiz1: You have made some customization to the theme and add the some div too.
.soon-wrap and .mlhm-heart-wrap this is creating issue in responsive design.

Regards,
Mahesh

April 26, 2016 at 3:00 pm #90455

Lizi
Participant

Hi can you explain further? What do I need to do?

April 26, 2016 at 4:40 pm #90468

Mahesh
Participant

@izbiz1: You have made two div’s position absolute and width fixed to 1190px, you’ll need to use media queries to make it responsive. You can find some info on using media queries in the link below:
http://www.w3schools.com/css/css_rwd_mediaqueries.asp
If you do not know much about CSS I recommend you to hire a customizer.

Regards,
Mahesh

April 26, 2016 at 4:44 pm #90469

Lizi
Participant

Thank you for your help, please can you remove the url to the site we have been chatting about

April 26, 2016 at 5:07 pm #90471

Mahesh
Participant

@izbiz1: Yes sure, done.

Regards,
Mahesh
Author

Posts