remove space between header and nav bar in mobile device in twenty thirteen

Viewing 5 replies - 1 through 5 (of 5 total)
  • Rijo Abraham

    (@hdalive)

    10 years ago

    The .site-header is being globally assigned for any device type which is causing the issue. You have to manually add specific media queries to @media (max-width: 359px) in style.css for .site-header or look at the php code which is producing the below custom code.

    http://patanjaliindustries.in/?custom-css=1&csblog=1&cscache=6&csrev=30

    .site-header{background-size:100% !important}.site-header .home-link{min-height:190px;padding:0 20px;text-decoration:none;width:100%}

    Thread Starter designgrid

    (@designgrid)

    10 years ago

    @rijo thanks for quick answer

    What code should I add

    @media (max-width: 359px) ?????

    I have added custom css following:

    .site-header{background-size:100% !important}.site-header .home-link{min-height:190px;padding:0 20px;text-decoration:none;width:100%}

    do i need to make change in it or remove it?

    Rijo Abraham

    (@hdalive)

    10 years ago

    Well i’m not a expert but try adding this into your custom code
    http://patanjaliindustries.in/?custom-css=1&csblog=1&cscache=6&csrev=30

    @media (max-width: 359px)
    {
    .site-header .home-link{min-height:100px;width:100%}
    }

    Reduce the min-height as required.

    Forgot to mention – append the above code to existing code.

    Thread Starter designgrid

    (@designgrid)

    10 years ago

    Thanks Rijo,

    I was sitting entire day to resolve the issue.
    It’s done. You say you are not expert but you are…

    It’s resolved.

    Rijo Abraham

    (@hdalive)

    10 years ago

    Glad to hear back. Have a nice day.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘remove space between header and nav bar in mobile device in twenty thirteen’ is closed to new replies.