Empty space on mobile
Hello, I have this ugly empty space at the top and I can't seem to find how to fix it. The site is expertphotoshop.ro. I tried inspecting it, but I have limited knowledge so I'd appreciate some help with it. Thank you!
25 Replies
right
but what should I change though?
on other pages, there's no gap
border
so I'm quite worried about changing the height
isn't the border the divider?
the white gap at the top seems something else
oh sorry
not sure what's different on the homepage versus the blog for example. the gap isn't there on other pages..
it's this
@media (max-width: 767px)
.entry-content {
padding: 10px;
}
hmm lemme see... what css line please?
sorry i misread what the problem is 🙂
line 263 in the html file
it's in <style></style> tag
ouch it's in line?
damn
I have no idea how to fix that, but I'll do my best to find out
why is it there though??
just add the same selector in css
and change top padding
ah ok
why is it only affecting the homepage though?
why is the header fine on other pages?
I made it 40 just so I could see the change. no change though
add !important?
still nothing
isn't it actually body.home .content-pusher {
padding-top: 0 !important; ?
line 2018?
yeah you are gonna need important
not working
or use more specific selector
it should be
ok, it worked on the sides 🙂
similar to margin-left/right 40
ok, now changing it to that
nope
as to other sites that class maybe is not loaded there
in other pages? 😮
ok..
you still have it set to 40 px
I think the caching is an issue. lemme force it
seems good!
now it's working
thank you ❤️
np 