Header is screwy since update—help!

Hi!

@biklops: You can disable the social icons on Enfold > Header > Extra Elements > Header Social Icons > select No social icons.

The css modifications that you did on the header for the previous versions of Enfold might be rendered useless because Kriesi modified the header layout a lot. If you’re using a child theme and copied the header.php file on your child theme folder then you might want to delete it. Copy the header.php again from the parent theme folder. You can now find the header layout codes like menus, social icons, logo etc on includes > helper-main-menu.php. Please reconfigure the header settings using the new header modifier.

Regards,
Ismael

Hi!

@biklops: I checked the website but I don’t see any social icons there. Did you just hide it via CSS or the new header options work?

@drjill: We’re really sorry about that. We’re just trying to improve the users’ overall experience with Enfold by giving you more options like the ones we added for the header options. A lot of users were requesting for css modifications like header height, logo position, social icons position, phone numbers etc because they are not available on the previous header options. Now, you can do all those things without adding any css or changing any code. There will be certain setbacks but we hope that you appreciate Kriesi’s efforts.

Anyway, you can recopy the header.php file from the parent theme folder and replace the one that you have on your child theme. You can find most of the header codes like logo, menu etc on includes > helper-main-menu.php file.

Regards,
Ismael

Hey!

Thank you for your understanding. First, if you don’t mind, please post a screenshot on how you want the header to look like. This will give us a good reference on where to start. Weird thing is if you’re using the Logo left, menu right option, the “header_main_alternate” container should not be visible but it is in your end which tells me that you haven’t change the menu and logo position or you added it manually. I’m not sure why there are two instances of the social icons. For a temporary fix, you can remove the top social icons by using this on Quick CSS or custom.css:

#header_meta > div > ul.social_bookmarks {
display: none;
}

Remove the bottom social icon with this:

#header_main ul.social_bookmarks {
display: none;
}

We’ll be happy to give you any assistance after we have taken a look at the screenshot. If you don’t mind creating a new topic for this matter so that we can close this topic, that would be great.

Cheers!
Ismael