Hello ThemeHorse Support Team,
I’m currently using the Attitude theme for my waste management and recycling website, My Waste Atlanta Recycling, and I’m running into several layout and responsiveness issues that I’m unable to resolve.
Website Details:
Theme: Attitude (latest version)
WordPress Version: Latest stable release
Plugins Active: Elementor, WPForms, Yoast SEO, WP Super Cache
Website Type: Local recycling and waste management service (Atlanta-based)
Issues I’m Experiencing:
1. Header Alignment Problem
The logo and navigation menu are misaligned on desktop view. The navigation drops slightly lower than the logo instead of aligning horizontally.
I’ve tried adjusting the header padding in Appearance > Customize
Cleared cache multiple times
Disabled plugins to test conflicts (no change)
Is there a CSS fix for proper vertical alignment?
2. Mobile Responsiveness Issue
On mobile devices:
The homepage banner image overlaps the service section.
The call-to-action button shifts outside the container width.
The mobile menu toggle icon appears slightly off-center.
Is this a known compatibility issue with Elementor?
3. Service Section Column Spacing
I created a 3-column layout for:
Residential Recycling
Commercial Waste Pickup
Construction Debris Removal
However, spacing between columns appears uneven on tablet view. I suspect it might be related to the theme’s default container width settings.
What I’ve Already Tried:
Regenerating CSS in Elementor
Switching to default WordPress editor temporarily
Testing in Chrome, Firefox, and Safari
Checking responsive mode inside Elementor
My Questions:
Is the Attitude theme fully compatible with Elementor’s latest version?
Are there recommended CSS adjustments for better column responsiveness?
Could this be a container width or boxed layout issue?
Should I disable the theme’s built-in responsive settings?
Any guidance or code snippets would be greatly appreciated.
.
.