bboutilier26

@siobhyb

Thanks for the help! Changing the text/element colours worked great. The mobile options didn’t. Is there any way we can override the mobile function and have people on mobile taken to the desktop view instead?

What is the best way to go about changing the font? Also, once I activate the tag line and logo, how do I go about hiding those in the custom CSS?

Thanks again!

Hey @siobhyb

See the linked image for what I’m talking about. I’d like the black part of the nav bar to be a similar width to what’s inside the red box. I’m happy with it’s placement on the page, just want the black part to be less wide and with equal padding on each side.

https://stonehousemusic.ca/wp-content/uploads/2016/09/navbar.jpg

I hope you fine folks enjoy your retreat and thanks again for all your help.

Cheers,
Brad.

• This reply was modified 8 years, 2 months ago by bboutilier26.

@siobhyb Thank you again! I’ve been trying to adjust the width of the bottom navigation bar so that there is an equal buffer on both sides, before the bar starts and after it ends. I’d like there to be only about 1/4in or there about. I’ve tried using px, %, and inherit to no avail. How, or can this be accomplished?

Over the next few days I may have some questions about fonts and mobile view. If I’m unable to solve those myself, should I continue with those questions here, or start a new thread?

@siobhyb Again, thanks so much! Can the bottom navigation bar detach from the left side of the screen and become slightly less tall? Ideally, if the screen was split horizontally into thirds, the bottom nav bar would sit in the middle of the first third, going left to right.

@siobhyb Siobhan, thank you so much for the help! The code you’ve provided worked perfectly.

In regards to point 4 of my original post, I’ve talked to the band and got a bit of clarification. Here is a link to a video that demonstrates what we’re after. As you’ll see, when the browser is at 100% for height/width the main page scrolls differently than when the browser is minimized. As you decrease the width of the page, at a certain point the header image drops and the page scrolls differently. How the page reacts once the browser gets narrower is how we’d like the page to act always, regardless of browser width.

Also, is it possible for the bottom navigation bar to only span the width of the links, with a small amount of padding before the first link and after the last?

Thanks again for all the help!