Space for the webpage - mobile
SOLVEHi there,
Please help me to fix the issue with space on the left for the webpage on mobile. The screenshot is below.
Webpage: https://www.enavate.com/customers
Thank you so much,
Viktoriia
1 Accepted solution
Space for the webpage - mobile
SOLVEHey @viktoriia17
I checked out your sites CSS and it seems that there aren't any mobile queries. You could add something like the following to potentially fix this:
@media only screen and (max-width: 600px) {
body {
padding: 20px;
}
}
With this added in my browser I get the following:
It still looks like you'll have to update the header and menu hamburger too, but you can alter the above CSS to get your desired results.
Hope this helps!
Space for the webpage - mobile
SOLVEHey @viktoriia17
I checked out your sites CSS and it seems that there aren't any mobile queries. You could add something like the following to potentially fix this:
@media only screen and (max-width: 600px) {
body {
padding: 20px;
}
}
With this added in my browser I get the following:
It still looks like you'll have to update the header and menu hamburger too, but you can alter the above CSS to get your desired results.
Hope this helps!
Space for the webpage - mobile
SOLVESpace for the webpage - mobile
SOLVEHey @viktoriia17
The query that I posted above is just for the body only. If you wanted to target elements in your header like your logo you would do something like:
@media only screen and (max-width: 600px) {
.custom-logo {
padding: 20px;
}
}
