Reply To: Logo/Header & Nav Alignment

Homepage Community Forums Skope Theme Support Logo/Header & Nav Alignment Reply To: Logo/Header & Nav Alignment

#1523
Wes
Moderator

    Around line 232 – “.header-image #title-area, .header-image #title, .header-image #title a” change the float to float: none; and change the width to 100%

    For the image that you are linking to in the css, you need to center it.  Its probably easier to just specifically type background-image: url(image-link.jpg); then background-position: center; background-repeat: no-repeat; …….etc

    .header-image #title-area {
    background-image: url(images/logo.png);
    background-position: center;
    background-repeat: no-repeat;
    }

    Then you’ll need to make the header right widget area center by adding “text-align: center;” as well as “clear: both;” and changing the “float: right” to “none” etc.

    Outcome – http://i.imgur.com/W82Xo.png