Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
  • #980201

    Hi there,
    I’ve activated the burger menu for desktop and would like it to be next to the centered logo (not above or below it). How can I achieve this?


    Hey raisonbrands,

    I have added the necessary code in Enfold > Child theme > Styles which can be accessed from WP > Appearance > Editor

    For testing purpose I have disabled the CSS and JS merging in Enfold > Performance please enable it after you review the changes.

    Best regards,


    Thank you Vinay! Can I still adjust the size of the header and logo to make it less deep?

    Also, I’m not sure how to enable the CSS and JS merging. Can you explain?


    And actually, now that I see it, can I move the burger menu to be left aligned and have the logo centered? I’d like to send a screenshot of my mockup, but it doesn’t appear that that’s an option.



    Glad you like the changes.

    CSS and JS merging can be enabled from Enfold theme options > Performance

    Please upload a screenshot/mockup to one of the below sites and share the link here so we can help you better :)

    Best regards,


    Thank you! I would like for the menu to look like this

    View post on



    I loaded your web site and I do not see enfold online, but something else?

    Best regards,


    I’m sorry, I’m confused? We have an enfold child theme activated and that’s what I’m working off of.


    Hi raisonbrands,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    .main_menu {
        position: absolute !important;
        right: auto;
        left: 0;

    If you need further assistance please let us know.

    Best regards,


    Awesome thanks! How do I reduce the padding so the header is not so deep? Screenshot attached.

    Also, do I still need to enable CSS and JS merging as noted in a pervious comment?

    View post on


    There are numerous issues with this heading:

    1. Menu isn’t showing up when hamburger icon is clicked
    2. Search bar is getting cut off when clicked
    3. Header is too deep
    4. Sticky / shrinking header is not enabled

    I appreciate all your help, but can you please remove the code Vinay added in the child theme styles? I would do it myself, but I’m not sure what was added.



    I have removed the previous code from Enfold > General Styling > Quick CSS

    Please review your website I have made the changes you requested for and tested the code. Everything works fine. If you still wish to remove the code you can access the code I added from WP Dashboard > Appearance > Editor > Select theme to edit > Enfold Child > Style.css

    At the moment, the shrinking header does not work with the snippet.

    You can enable the CSS and JS merging to enhance the site performance once you are happy with the modifications :)

    Best regards,

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

You must be logged in to reply to this topic.