Hello @vreatedbyaba81
Please follow the steps below to fix the issue where the logo appears too big on mobile devices and doesn't align with the menu in Magento 2:
- First, locate the CSS file of your Magento 2 theme. This can typically be found in the app/design/frontend/[Vendor]/[Theme]/web/css directory.
- Open the CSS file and search for the CSS selector that controls the logo size and position. This is typically located in a media query that targets mobile devices.
- Adjust the CSS code to resize the logo and adjust its position so that it aligns with the menu on mobile devices. For example, you can use the max-width property to limit the size of the logo and the margin property to adjust its position.
- Save the changes to the CSS file and refresh your website to see the updated logo on mobile devices.
If you find our reply helpful, please give us kudos.
A Leading Magento Development Agency That Delivers Powerful Results, Innovation, and Secure Digital Transformation.
WebDesk Solution Support Team
Get a Free Quote | | Adobe Commerce Partner | Hire Us | Call Us 877.536.3789
