Troubles with the header (fixed/responsive/height...) - Support

Tagged: fixed, header, height, logo, responsive, Shrinking

Viewing 13 posts - 1 through 13 (of 13 total)

Author

Posts
December 3, 2014 at 6:58 am #361983

lternis
Participant

Hi there!

I made a website for a customer (he bought your theme).
http://themeforest.net/item/enfold-responsive-multipurpose-theme/4519990/loicternisien.com

I got some troubles with the header. Can you help me, please? 1) I want the header to be fixed. But when I activate the option, the header is transparent and when I scroll on each page, the text menu goes under the page text, this is awful. I disabled the header transparency in some pages, but it is still transparent. I don’t understand. I want the header to be opaque. Example : http://prntscr.com/5cizkt

2) when the header is fixed, in responsive mode, the menu goes under the logo, like that : http://prntscr.com/5cj004 and that : http://prntscr.com/5cj0d6 Is there a way to fix it?

3) this one is not really an issue. I also want to add the shrinking header option. Is there a way that when the header shrinks, the logo is replaced by another one (less big)?

4) is there a way to reduce the gap between the menu and the content? I find it too big. Maybe you have a small css code on your pocket to give me :P

Thank you very much for your help, your theme is a great stuff, very useful.

December 4, 2014 at 4:11 pm #362938

Elliott
Inactive Moderator

Hi lternis!

1. + 2. Send us a link and we’ll take a look. You can set your reply as private if you wish.

3. That should be the default behaviour. Are you using custom CSS to change it?

4. Are you wanting to remove the gap between them when the header is scrolled or when your viewing the top of the page?

Cheers!
Elliott

December 5, 2014 at 12:13 am #363327

lternis
Participant

Hey there,

1 + 2.
my link didn’t work in my first post.
http://loicternisien.com/
I set the header in fixed mode for now because that’s the best compromise we can do for now.

3. yes i use the default option. But maybe you have some code to put on CSS to force the logo to be changed when the header shrinks?

4. Good question Elliott. When viewing the top of page.

December 5, 2014 at 9:02 pm #363827
Elliott
Inactive Moderator
Hi!

1. + 2. It looks like you turned off the fixed header. Go ahead and send us a WordPress login and we’ll take a closer look.

3. Well, when the header shrinks it’s supposed to shrink your logo image as well. If you need to switch it out with another logo then I suppose we could add another logo in there and then use this CSS to hide them.
```
.logo, .header-scrolled .alternate-logo { display: block !important; }
.alternate-logo, .header-scrolled .logo { display: none !important; }
```
And then find line 105 in /enfold/includes/helper-main-menu.php.
```
echo avia_logo(AVIA_BASE_URL.'images/layout/logo.png', $addition, 'strong', true);
```
And add this right above it.
```
echo '<img src = "URL to your smaller logo" class = "alternate-logo" />';
```
4. You can set a custom pixel value for your header in Dashboard > Enfold > Header. If you plan on having your header fixed and move down the page with you then I recommend using this option.

Best regards,
Elliott
- This reply was modified 9 years, 11 months ago by Elliott.
December 15, 2014 at 11:44 pm #368670

lternis
Participant

This reply has been marked as private.

December 16, 2014 at 4:50 pm #368967

Elliott
Inactive Moderator

Hi!

The sticky header option is not working on your site. Did you do customizations? Let’s try the following.

1. Deactivate all plugins.

2. Completely delete Enfold from your WordPress theme directory before downloading + uploading a fresh copy from themeforest.

Do those two steps and let us know when your done so we can take another look.

Best regards,
Elliott

December 29, 2014 at 4:40 pm #372631

lternis
Participant

Hi Elliott!

Sorry i didn’t see any notification regarding your reply.
Hmm I think I know why the sticky header is not working.
I installed WP-Rocket, this is a plugin that cache all pages of the website.

After doing customizations on the website, you have to go up on the black menu>WP-Rocket, and flush all the cache.
After a refresh, you will see the changes.

Tell me if it works for you. Thank you.

December 29, 2014 at 5:00 pm #372643

Elliott
Inactive Moderator

Hi!

Your login information is not working for me anymore. Did you do steps 1 and 2 in my previous post?

Best regards,
Elliott

January 9, 2015 at 9:02 pm #377578

lternis
Participant

This reply has been marked as private.

January 11, 2015 at 4:10 am #377882

Ismael
Moderator

Hey!

I set a transparent logo but I think the page is being cached so it’s not working yet. Please purge the cache and disable WP Rocket because it will conflict with the Layer Slider plugin.

Regards,
Ismael

January 31, 2015 at 6:01 am #388704

lternis
Participant

Hi ismael,

Sorry for the delay, holidays and stuff :P

I activated the options for the header to be fixed and reduced when scrolling. Still the same thing :/

Did I miss something?

February 2, 2015 at 8:28 am #389181
Ismael
Moderator
Hey!

Please check the site. We added this on Quick CSS to change the background of the shrinked header:
```
.header-scrolled.header_color .header_bg {
background: #ffffff;
}
```
Adjust the background color value.

Regards,
Ismael
February 2, 2015 at 8:16 pm #389620

lternis
Participant

You guys are awesome.
Thank you for the help, your efforts. This is working now.

Problem solved.
Author

Posts