Header image and menu widths

  • I’d like to change the header section so that the logo took up half the width, and the menu box took up the half.

    Any ideas folks?

Viewing 1 replies (of 1 total)

  • Edit: Ignore my answer, misunderstood your question, can’t help with this unfortunately.
    —
    I don’t know how to get them half/half but I’ve managed to get the background for menu.

    1. You need a background image in size 960×81 px (it’s a guess but looks fine)
    2. Upload your file (Media>Add New)
    3. In customizit!>Custom CSS (or in your child theme if you’re using one) add the following lines:

    /* navbar background */
.navbar .navbar-inner {
-webkit-box-shadow: 0px 0px 0px;
-moz-box-shadow: 0px 0px 0px;
box-shadow: 0px 0px 0px;
background-image:url('LINK TO YOUR FILE');
}

    Replace “LINK TO YOUR FILE” with the actual link as shown in Media>Library

    This background will not be displayed in mobile view.

    I hope that someone more experienced can expand that and make the header size 50/50.

Viewing 1 replies (of 1 total)
  • The topic ‘Header image and menu widths’ is closed to new replies.