Left side Logo larger than 200px wide on same line as Menu

  • site here:

    https://www.lakearrowheadetiquetteschool.com

    Hello! The goal: Left side logo, filling most of the header area (55%) ? and the menu/nav bar to be in line, on right, filling another 40% (ish).

    For some reason the logo is defaulting to a smaller size. Seems to keep at 200 max width while on fill screen. It gets larger when the screen size is smaller – and bumped the menu to a drop down.

    *The “force logo” box (250×100) is unchecked.

    I have tried playing with everything from….

    .tc-header .brand img { width:90%; float:left;
    }
    .tc-header .brand {
    position: relative;
    top: 0px; /* change this vertical */
    left: 5%; /* change this horizontal */

    to the

    .navbar-wrapper .brand {width:23%; float:left;}
    .navbar-wrapper .navbar {width:77%; float:right}

    and

    .brand.span3 {width: 100%;}

    The closet i’ve arrived is what is currently live. Do i have something messing it up somewhere? Thank you!

Viewing 2 replies - 1 through 2 (of 2 total)

  • I’m currently researching a snippet based on the flexbox model. Try this:

    .tc-header {
  display: flex;
}
.tc-header .brand {
  flex: 1 1 1vw;
}
.navbar-wrapper {
  flex: 1 1 1vw;
}
    Thread Starter Brbeitzel

    (@brbeitzel)

    Rdell- Thank you for the fast reply

    I tried it- (it is live now) – they are on one line, as were before, but still the logo is limited in size. Seems like something keeping it only 200px wide ?

    Any help appreciated!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Left side Logo larger than 200px wide on same line as Menu’ is closed to new replies.

Tags