- This topic has 9 replies, 2 voices, and was last updated 5 years, 7 months ago by
.
Is there a way to get the heading on mobile in the attached images to format better (stretch to full width) without changing the layout/style of it on desktop??
Hi @gabipasos,
I hope you are well today and thank you for your question.
You can achieve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
@media (max-width: 700px){ div#services { padding-left: 0 !important; padding-right: 0 !important; } }Best regards,
Shufflehound teamThanks! That worked for the page that I screenshot and attached. However a second page that is a similar build did not update to stretch to full width? Is there another CSS I need to add for the second page? I’ve attached a screenshot of that page as well. Thanks in advance!
You have to add the same services ID to the row of WPBakery page builder.
I tried following your instruction on this and I was unable to accomplish my desired outcome. What might I be missing?
Have you added the ‘services’ ID to the row of the WPBakery page builder?
Could you please share the page URL from your site where it is not working so that I can troubleshoot it?
I tried and then removed it after it didn’t work. I may not have done it correctly though…
I visited your shared page and saw you have not added the ‘services’ ID to the row of the WPBakery page builder so please add it again as displayed in the attached screenshot.
Thank you for your response. I’ve added the service ID as instructed however it didn’t resolve my issue and continues to display as shown in the screenshot above.
It works fine for me now as shown in the attached screenshot.
Please test it clearing your browser cache or using a different browser.
