Permanent header large on smartphone

  • Resolved staceyk

    (@staceyk)


    10 years ago

    I know Customizr is responsive…but why does the header take up so much space on a smartphone? Is there any way to change that?

Viewing 4 replies - 1 through 4 (of 4 total)
  • Rocco Aliberti

    (@d4z_c0nf)

    10 years ago

    you can do something of the sort:

    @media (max-width: 979px){
.brand.span3{
width: 33%;
float: left;
}
.container.outside{
width: 66%;
float: right;
}
h2.site-description{
float: right;
}
.navbar-wrapper.clearfix.span9{
width: 66%;
float: right;
}
}

    And then play with media queries for very small screens.

    Thread Starter staceyk

    (@staceyk)

    10 years ago

    Thanks that worked for the most part…plus I used some code to remove the tagline as well.

    The arrows on the slider is now above the slider. LOL

    Rocco Aliberti

    (@d4z_c0nf)

    10 years ago

    .carousel-control {
top: 56%;
}

    Or something of the sort, you have to fine tune it.

    Thread Starter staceyk

    (@staceyk)

    10 years ago

    Thanks!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Permanent header large on smartphone’ is closed to new replies.