Comments socialjohn started the conversationApril 28, 2018 at 7:07pmHi Tahir and friends. I want to edit the height of the header size of a blog post, in mobile. I've used the following code. and while it looks fine on my desktop screen, it's still the same on my mobile phone: @media only screen and (max-width : 690px) { body #page-header-wrap{ height: 20px!important; } } What should I do? Thanks. 3,054Andrew repliedApril 29, 2018 at 12:51pmHi socialjohn,Could you try this CSS instead:@media only screen and (max-width: 1000px) and (min-width: 1px){ #page-header-wrap { height: 20px !important; } } add it to salient \ general settings - css script related - custom css code area.Hope this helps.socialjohn repliedApril 30, 2018 at 12:47pmWorks like a charm! thanks mate Sign in to reply ...
Hi Tahir and friends.
I want to edit the height of the header size of a blog post, in mobile.
I've used the following code. and while it looks fine on my desktop screen, it's still the same on my mobile phone:
@media only screen and (max-width : 690px) {
body #page-header-wrap{
height: 20px!important;
}
}
What should I do?
Thanks.
Hi socialjohn,
Could you try this CSS instead:
@media only screen and (max-width: 1000px) and (min-width: 1px){ #page-header-wrap { height: 20px !important; } }
add it to salient \ general settings - css script related - custom css code area.
Hope this helps.
Works like a charm!
thanks mate