Hello ThemeHorse team,
I’m currently using the Attitude WordPress theme for a food-related website that displays a detailed Culver-style restaurant menu with multiple categories, pricing sections, and item descriptions. Overall, the theme works well, but I’m running into several layout and responsiveness issues after customizing it for menu-heavy content.
The main problem appears when I add long menu sections and nested food categories. On desktop, some menu items overflow their containers, while on mobile devices the alignment breaks completely—prices shift below item names, spacing becomes inconsistent, and certain sections overlap. I’ve tried adjusting theme options, typography settings, and container widths, but the issue persists across different screen sizes.
Additionally, when I use custom CSS to improve readability (font size, line height, and spacing for menu items), it sometimes conflicts with Attitude’s default styles, especially on category pages. This causes unexpected behavior like uneven margins, misaligned headers, and inconsistent background colors between menu sections.
.
.