Header Navigation Bar

  • RJCondon

    (@rjcondon)


    11 years, 1 month ago

    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)

    11 years, 1 month ago

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

    Thread Starter RJCondon

    (@rjcondon)

    11 years, 1 month ago

    I am using ‘Book’ theme.

    esmi

    (@esmi)

    11 years, 1 month ago

    Where did you download it from?

    Thread Starter RJCondon

    (@rjcondon)

    11 years, 1 month ago

    [Complete stylesheet moderated]

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years, 1 month ago

    lol where did you download it from

    Thread Starter RJCondon

    (@rjcondon)

    11 years, 1 month ago

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

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years, 1 month ago

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

    esmi

    (@esmi)

    11 years, 1 month ago

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

    Thread Starter RJCondon

    (@rjcondon)

    11 years, 1 month ago

    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?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years, 1 month ago

    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)

    11 years, 1 month ago

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

    Thread Starter RJCondon

    (@rjcondon)

    11 years, 1 month ago

    just looking for a quick pointer or two…thanks esmi

    Tarsem Singh

    (@tarsemsingh)

    11 years, 1 month ago

    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.