Topic summary
A user encountered an issue where enlarging their logo caused it to overlap with the mobile menu, making navigation inaccessible on mobile devices.
Solution Provided:
- Modify the
.header__heading-logoCSS class in the base.css file - Change
max-width: 200px;tomax-width: 100%; - This adjustment should be made at the bottom of the base.css file
Status: Issue resolved. The user confirmed the fix worked successfully.
Hi @saabbb1212
You can solve it by changing this code at the very bottom of your base.css file
From this
.header__heading-logo {
max-width: 200px;
}
To this
.header__heading-logo {
max-width: 100%;
}
1 Like
thnakyouuuuu soooo muchh!!
1 Like
You are very welcome!