Support » Themes and Templates » Header Navigation Bar

  • RJCondon

    (@rjcondon)


    http://www.lostsoultravel.com
    I would like to make the navigation bar solid black and sit at the bottom of the header image with the logo above it. I also would like to make the navigation bar the width of the header image. I have a little CSS knowledge and am not sure why I can’t get this to work! I am using ‘Book’ theme. In a perfect world I would like the header image and bar to be full screen regardless of the screen size (Ipad, Laptop, Desktop).

    Also, is it possible to move the footer widget area so it is a sidebar (technically no longer a footer I suppose)?

    I appreciate the help!!

    RJ

Viewing 13 replies - 1 through 13 (of 13 total)
  • esmi

    (@esmi)

    Forum Moderator

    What theme are you using? Where did you download it from?

    RJCondon

    (@rjcondon)

    I am using ‘Book’ theme.

    esmi

    (@esmi)

    Forum Moderator

    Where did you download it from?

    RJCondon

    (@rjcondon)

    [Complete stylesheet moderated]

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    lol where did you download it from

    RJCondon

    (@rjcondon)

    it is an upgrade of “Book Lite” …I’m pretty sure I got it from wordpress

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    May you post the CSS you’ve tried that attempts the changes in your first post?

    esmi

    (@esmi)

    Forum Moderator

    If it’s an upgrade of Book Lite, it must be a commercial theme, yes? We do not support commercial themes here.

    RJCondon

    (@rjcondon)

    Hey Andrew,

    this is still fairly new to me. I have just been systematically changing things and if there is no change/desired change I just return the CSS to what it was. The layout for theme is different than the few previous themes I got use to. Can I send you all the CSS?

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    I can see your CSS by accessing the website, I just wanted to know the CSS you tried that didn’t work so I could try to debug why it hadn’t worked.

    esmi

    (@esmi)

    Forum Moderator

    These forums are staffed by unpaid volunteers. If you want to someone to troubleshoot your CSS for you, try http://jobs.wordpress.net/

    RJCondon

    (@rjcondon)

    just looking for a quick pointer or two…thanks esmi

    Tarsem Singh

    (@tarsemsingh)

    For navigation backhround you need to change

    .main-navigation {
        background: url("http://www.lostsoultravel.com/wp-content/themes/book/images/nav-bg.png") repeat scroll 0 0 transparent;
    }

    to
    `
    .main-navigation {
    background: #000;
    }

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘Header Navigation Bar’ is closed to new replies.