Hello, I’m having issues with headline and call-to-action elements on interior pages (Contact Us, Open Positions) not being responsive for mobile devices.
The headlines and call to action buttons do not auto adjust in size, they’re shifted way to the right and there’s a huge space between the bottom of of the header and the copy or information below that.
Surely I don’t have to manually adjust every item on these pages for responsive?
that content is generated by Elementor so yes, you need to edit the settings for each device size.
As a rule of thumb when building with Elementor, before making adjustments to padding, margins, typography etc it is best to apply the mobile settings first, as they are generally very minor changes. Then when you make the bigger changes for desktop they won’t override these settings.
In Elementor, whenever you select a Section, column or widget and look at the settings panel you will notice that some settings have small desktop / tablet / mobile icons beside them. By selecting each one you the screen will switch to that responsive view and you can adjust the settings for that device size.