Okay
  Public Ticket #1557667
Mobile header size too large
Closed

Comments

  • socialjohn started the conversation

    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.

  •  3,054
    Andrew replied

    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.

  • socialjohn replied

    Works like a charm!

    thanks mate