Help Required Styling Menu Bar

MichaelBanksPhoto

Hi all,

Hope someone can point me in the right direction.
I would like to style my menu bar like I have on my main site, but can figure out how :-(

My main site is www.michaelbanks.photo and you will notice my main menu bar is situated at the bottom of the page.
My client site (SM Galleries) sits under https://clients.michaelbanks.photo/
I have managed to get my menu bar to sit at the bottom, but can't figure out how to style it up - black background, uppercase links, logo to left and social links to right.

Any help would be much appreciated :-)

Michael

Hikin' Mike

For your Logo and Social links, you just need to add a Logo and Social Block in your Footer like you did for your Menu. I would set your Logo and Social at 25% (both) and set your Menu for 50% width.

To style it, go to your customization and click "Entire Site" and then "Theme". Click on the wrench icon (edit). Go to "Advanced" and part way down there should be a "Footer" in the 'SITE SECTION COLORS'. Set that to black and save it. Now you can edit your Menu by clicking on the wrench icon in the Menu. There is an option to set the text to Capitalization. Save it.

That should do it it.

Hikin' Mike

One more thing. Once you've changed your background to black, you probably want to change the links to white. Add this to your theme's custom CSS section. If you don't know how, click on the "Adding CSS to Your Site" in my signature.

/* Changes Menu Links to White */
.sm-user-ui .sm-page-widget-nav-color-default a:active,
.sm-user-ui .sm-page-widget-nav-color-emphasized a,
.sm-user-ui .sm-page-widget-nav-color-emphasized a:visited,
.sm-user-ui .sm-page-widget-nav-color-emphasized a:active,
.sm-user-ui .sm-page-widget-nav-color-muted a:active {
  color: white;
}