-
AuthorPosts
-
July 8, 2018 at 11:59 am #982675
Hello,
I read the documentation for including a widget area in the menu bar.https://kriesi.at/documentation/enfold/header/
Unfortunately, this doesn’t mention how to modify the menu when the bar is below the logo.
How would I replace the social icons with a widget area?
Kind Regards,
Adrian SmithJuly 8, 2018 at 7:52 pm #982796Hey AdrianSmithUK,
Could you please attach a mockup of what you’re trying to achieve?
Best regards,
VictoriaJuly 8, 2018 at 8:39 pm #982823Hi Victoria,
Thanks for the speedy response.
I can’t see how to attach an image so I’ve uploaded it to Google Photos.
Kind Regards,
Adrian
Link: https://photos.app.goo.gl/TXrXwbQYEkRqyPWg9July 8, 2018 at 8:54 pm #982835Hi AdrianSmithUK,
Thank you for that.
Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?
Best regards,
VictoriaJuly 8, 2018 at 9:25 pm #982853Hi Victoria,
Unfortunately, it’s running on XAMMP on my desktop at the moment.
It’s just the default demo:
https://kriesi.at/themedemo/?theme=enfold-overview …
and I followed the instructions here:Unfortunately, there aren’t any instructions for the “Logo Left, Menu Below” option.
Kind Regards,
AdrianJuly 9, 2018 at 5:44 am #982937Hi,
Thank you for sharing the information.
To create a header layout in which the logo is placed on the left, Widget on the right and menu at the bottom.
1. Please go to Header > Header Layout > Logo and menu position > and select Logo left, menu right (Yes logo left, menu right).
2. Create your header widget area and add placeholder text or image.
3. Copy and paste the CSS in the below link to your child theme styles.css
https://pastebin.com/raw/nY7gJsCMBest regards,
VinayJuly 9, 2018 at 8:33 am #982955Hi Vinay,
Many thanks for the speedy reply. Wow! A big mod!
Unfortunately it’s not quite right though.
Google Photos Link: https://photos.app.goo.gl/QvNKTzi4vFaY11eb8
Here’s what I did.
1. I changed to Logo left, menu right (I’m glad you added the note “Yes logo left”)
2. I changed the function code cited here (https://kriesi.at/documentation/enfold/header/) to
add_action( 'ava_after_main_menu', 'enfold_customization_header_widget_area' ); function enfold_customization_header_widget_area() { dynamic_sidebar( 'header' ); }
3. I pasted your CSS into a blank child theme.
Can you think of anything else that might be different?
Kind Regards,
AdrianJuly 10, 2018 at 12:32 pm #983606Hi, Adrian
We need to see the actual css and html to be able to propose a solution for you. Please get back to us when you get the website to some testing server.
Best regards,
Victoria -
AuthorPosts
- You must be logged in to reply to this topic.