Jump to content
leftcoastmichael

Match Header Nav with Smugmug

Recommended Posts

leftcoastmichael

Hi. I'm not terribly good at CSS (though I can muddle through). What is the best way to set up a semi-transparent header with navigation that matches  - or at least closely resembles - my Smugmug header?

 

Screenshot 2017-02-23 12.34.39.png

Share this post


Link to post
Share on other sites
Aires

Is there a link to view this site.


ndTgvai.jpg

Visit iheartpagelines.com for the latest tutorials on PageLines related products.

 

Share this post


Link to post
Share on other sites
Aires

After looking at your site it should be fairly easy to replicate. For the most part is will all be contained inside a container in the header section.

I would use a image section for the logo with a menu section below.

As for the menus on the side you try a couple widgets and just hide them on mobile with some css.

Just incase you are not aware you can use rgba values in the color box for the container  followed by applying negative margin to over lap the section with the one below it.

I hope this helps be sure to post back here if you need any help.

  • Like 1

ndTgvai.jpg

Visit iheartpagelines.com for the latest tutorials on PageLines related products.

 

Share this post


Link to post
Share on other sites
Andrew

With a live link we can give you some custom css to help also

  • Like 1

Share this post


Link to post
Share on other sites
leftcoastmichael
On 2/24/2017 at 9:00 AM, Andrew said:

With a live link we can give you some custom css to help also

qamera.com 

Share this post


Link to post
Share on other sites
Andrew

@leftcoastmichael to create the effect you're looking for i recommend the Impulse section on your home page... it has a nav like that

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


×