Return to previous page

How can I achieve this header look? - by bounce

This topic has 4 replies, 3 voices, and was last updated 9 years, 1 months ago ago by Eva Kemp

bounce

Participant

February 26, 2015 at 08:53

I am attaching a screenshot of what I want to achieve in the “Private Content.”

I believe the trick is to get <?php get_template_part('headers/header-structure', $hstrucutre); ?> to show up before “st-pusher” (<div class="st-pusher" style="background-color:#fff;">).

However, when I edit “header.php” and put <?php get_template_part('headers/header-structure', $hstrucutre); ?> before <div class="st-pusher" style="background-color:#fff;"> then the header shows up over the mobile navigation / menu and blocks it.

I’ve solved it temporarily by specifying the “background-color” for “.main-header” in my custom.css file.

Please, contact administrator
for this information.

#45591 Copied

3 Answers

Robert Hall

Support staff

February 26, 2015 at 09:07

Hello,

For clarify. Do you want the white background for all site or what?
As I see you added .main-header{background-color: #fcf8ed !important;}
But I can’t understand what are you trying to achieve?

Regards,
Robert Hall.

#45593 Copied

bounce

Participant

February 26, 2015 at 14:32

Hello,

Sorry for my confusing post.

Basically, I would like for the background that is behind the “main-header” div to be transparent so it shows the background image / background color – as shown in my Dropbox link in the original “Private Content” I sent. That image shows the look I am trying to achieve.

By default, that background behind the “main-header” is white because it’s inside of the “st-pusher” div, which has a white background.

I’m sending you a photo that explains this better hopefully in the “Private Content.”

Thanks again!

Please, contact administrator
for this information.

#45681 Copied
Eva Kemp

Support staff

February 26, 2015 at 21:09
Hello,

To change background color for the whole content you need add this code in custom.css:
```
.st-content {
 background-color: #FCF8ED;
}
```
Replace color value with yours.

Thank you.
Regards,
Eva Kemp.
#45874 Copied
Viewing 4 results - 1 through 4 (of 4 total)