When asking for help with your CSS, it’s best to remove any javascript that prevents right click to make the job of helping you easier 😉 That being said, inspecting the HTML is not prevented by disabling right-click. it’s just a pain 🙂
It looks like you are using a child theme (or you’ve edited the original theme?!).
To let the parent theme deal with the responsiveness, you should change the container’s classes to <div class="alignwide banner-center">
Then try adding this CSS to center the banner …
.banner-center p {
text-align: center;
}
.banner-center img {
display: inline;
}
… or …
.banner-center img {
margin: 0 auto;
}
Both should do what you require.
Oliver
Hi Oliver,
I am sorry for the right-click. Had put it down as soon I asked help but perhaps you was too fast for me. 😉
Will test your advice now.
Best,
Hi Oliver,
It works. Only css I add to the img was max-width: 100%;
This helped to make the image responsive on mobile.
Many thx again. If you ever are in NL and would like to kitesurf, please let me know.
-
This reply was modified 2 weeks, 3 days ago by
ariextreme.
Awesome, yes, you’d already got the max-width in your CSS. Glad you’ve sorted it.
So you don’t have to modify the parent theme or have a child theme have you considered using get_template_part_template-parts/content/content
hook to inject the banner above the content?
Ah! Kitesurfing is great, but too cold for me haha! We have Camber Sands 3 miles away 🙂