[olaf]

Bonjour,
I used the free Catch Responsive theme for a website: http://www.mandinconstruction.fr The head and the footer are more or less visible on the mobiles BUT the body of the pages are not in Responsive Design. You have to scroll the cursor to see all the pages. Can you explain to me ?
cordially

[Mahesh]

@olaf: The theme is fully responsive. You are using child theme, and I guess the customization in CSS is causing the issue. Please try with parent and check if it resolves the issue. Please check the demo.
https://catchthemes.com/demo/catch-responsive/

Regards,
Mahesh

[olaf]

Hello @mahesh: Sure enough, if I take the theme Parent it works! BUT if I want to set up a child theme of Catch Responsive theme, what is the process to follow?
(This is to prevent destruction of changes when the parent theme is updated)
Thank you for reading,
Regards,

[Mahesh]

@olaf: Well, you’ll need to remove the CSS that makes the theme fixed width. You can keep the other modifications. Just the width fixing CSS is causing the issue.

Regards,
Mahesh

[olaf]

If I understand correctly, remove the CSS width bracket.
BUT, withdraw what? What file?
Regards,

[Mahesh]

@olaf: Well it depends on what changes you’ve made. I guess you’ve put it in style.css. What changes actually have you made? If you have’t made much changes in designs, I recommend you to get rid of all the styles from child theme styles.css. and just keep the functionality. It will fix your issue. Solving the issue after making child theme seems to be almost impossible cause we won’t know which change or customization is causing such issue. Hope you understand.
If possible, try creating a fresh child theme and customize it one by one checking frontend that it won’t break the responsive design.

Regards,
Mahesh

[olaf]

J’ai essayé de mettre du code dans la boite CCS aditionnel du thème Parent et cela casse le responsive Design !
J’ai alors tout retiré et le responsive Design est revenu.
Je ne vois pas la solution.

[olaf]

I tried to put code in the box CCS aditional of the theme Parent (Appearance => custom => CCS adituional: and it breaks the design Responsive!
So I removed everything and the responsive design came back.
I do not see the solution.

[Mahesh]

@olaf: Its not gonna work like that since the problem is in the CSS code. You’ll need to find the particular CSS code causing the issue and remove it. Hope you understand. Let me know if I can help you further.

Regards,
Mahesh

[Author]

Posts