Return to previous page

Topic: Stylizing header

webgod

Participant

January 31, 2015 4:26 pm

Hi,

I am confused on how to accomplish some styling for the header areas

1. I set the home page to have a semi-transparent dark navbar area over the slider. However, when scrolling down, the header turns white. I would like this to stay the same color/transparency.

2. Secondary pages: they all default to a white nav bar even before scrolling. I would like this to be like the main page: http://atomiccoffee.com/swim/product-category/mens/

3. I was also wondering if it’s possible to add a full width image that fills the title/nav bar area that I now put as gray…. maybe possible that this to be similar to slider (but with static image) where it extends up to the top?

If it’s possible to do the above, can the image be set per page (i.e. each page would have a different image)

#38555 copied to clipboard

Like
Eva Kemp

Support staff

January 31, 2015 5:55 pm
Hello,

1. Please add this code in custom.css file:

.fixed-header-area { background-color: transparent; background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.3); }

How to create custom.css you can watch in this tutorial (it’s for Legenda theme but the process is the same).

2. Sorry, but there is no such possibility for other pages.

3. You can set background image for breadcrumbs in Theme Options > Header > Breadcrumbs background. Unfortunately there is no option to have different breadcrumbs on each page.

Thank you.
Regards,
Eva Kemp.
#38570 copied to clipboard

Like
webgod

Participant

February 1, 2015 5:58 pm

I have started getting the results I want… thanks! Another question… please scroll down on the any page (http://atomiccoffee.com/swim/).

Notice that the fixed header is off, causing things to shift off screen on top.

#38628 copied to clipboard

Like
Eva Kemp

Support staff

February 2, 2015 9:29 am
Hello,

Please try to use this code in custom.css file:

.fixed-header-area .fixed-header > .container { margin-top: 20px !important; }

Thank you.
Regards,
Eva Kemp.
#38671 copied to clipboard

Like