Mobile responsive problem

Sorry for my English not too correct.I am french.
THANK YOU first of all for this beautiful theme. I was able to create a magnificent site.
It is not yet official. I wait for it to be perfect. Today I have a problem with the responsive part on mobile.
Do you have a solution please to make it work on mobile. Thank you very much for your help. I have looked and tried solutions read on the forum but I have not found a

Hey there,
I hope you’re doing well today

I do see a few things happening with the mobile view.
Can you tell me if you’ve added your own custom CSS or made any customization to the layout of theme, for example adding additional code etc?

Best Regards,

Yes i have customized some details

Thank you so much time took for me

*/footer#colophon * { color: #000; } footer#colophon { background: #81BAD8; }

.shapely_home_parallax p.mb32, .shapely_home_parallax h1 { color: #000; font-family: scriptMTbold; }

.shapely_home_portfolio .bg-dark { background: #81BAD8 ; }

#shapely_home_parallax-3 {
font-size: 29px ;color: #81BAD8 }

.shapely_home_parallax h3
font-family: ScriptMTBold; }

img {
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px; }

#shapely_home_parallax-5 {
font-size: 30px ;color: #81BAD8 }

img {
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px; }

p.mb32 {
font-size: 29px ;color: #81BAD8 }

footer-credits { display: none; }

#shapely_home_parallax-3 h3 {
width: 400px;
font-size: 45px;}

#shapely_home_parallax-4 h3
{width: 400px;
font-size: 45px;}

img { width: 400px;
height: 250px; img
max-width: 100%;
height: auto;}

img {
display: block; margin-left: auto; margin-right: auto; }

.btn {
font-family: monospace;
border-radius: 5px!important;}

Thank you for replying with this information.

I see your CSS doesn’t have any media queries which could be the cause of your issues.
You’ll need to use the appropriate media queries to make your CSS look good on mobile.

I hope this helps.

Best regards,

Thank you for your help.
But the ties you have given me exceed my skills.

If anyone ever has a CSS code that could help me with this problem, I would gratefully acknowledge him.
Sorry if the translation is not perfect.

Why doesn’t the theme work on mobile?

It works but the mobile version presents a lot of default. The first image is not responsive. The part of the title “our concept” is off screen. The portofolio is not centered.

I am always looking for solution to this day I still is not found … THANK YOU has anyone who can help me.

I fixed my problem.

It wasn’t working because of Jetpack’s “Optimize for mobile” setting. I turned that off and it works now.