Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #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 Smith

    #982796

    Hey AdrianSmithUK,

    Could you please attach a mockup of what you’re trying to achieve?

    Best regards,
    Victoria

    #982823

    Hi 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/TXrXwbQYEkRqyPWg9

    #982835

    Hi 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,
    Victoria

    #982853

    Hi 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,
    Adrian

    #982937

    Hi,

    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/nY7gJsCM

    Best regards,
    Vinay

    #982955

    Hi 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,
    Adrian

    #983606

    Hi, 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

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.