• I’d like my website’s logo and tagline to be centered above the menu, as in the mobile/tablet version, on every screen size (i.e. I’d like it to stay like this when the screen size increases.

    Has anyone figured out how to do this?

    Thanks,
    Jolie

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter jolieaparis

    (@jolieaparis)

    Thanks rdellconsulting, but that only answers part of the question. It can centre the logo, but the tagline still appears in the navbar, and I’d prefer it to appear below the logo, and for the navbar to appear as a single row, as in smaller screen sizes.

    Thanks,
    Jolie

    OK, try this:

    /* remove boxes */
    .navbar .navbar-inner {
      background:   none;
      box-shadow:   none;
    }
    /* center logo */
    .navbar-wrapper .brand {
    width:		100%;
    display:	block;
    }
    /* hide social icons */
    .navbar-wrapper .social-block {
    display:	none;
    }
    /* Center tagline */
    .span7.inside.site-description {
    float:		left;
    margin-left:	15%;
    margin-top: -30px;
    display:	block;
    }
    /* Center Navbar */
    .navbar .nav {
    display: 	block;
    margin-left: 	25%;
    }

    You may have to adjust some of the % to get it right with your Logo/Menusize etc.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Center logo and tagline’ is closed to new replies.