Viewing 16 posts - 1 through 16 (of 16 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,


    Thank you Vinay, one more thing. Is it possible for the menu flyout to enter from left side of the screen instead of the right?


    A few more header kinks I’m trying to work out:

    1. We would like the menu flyout to be on the same side as the burger menu icon.
    2. We would like the logo to be centered in the browser window. Right now, it’s slightly off centered. See image here
    notice how the logo is not aligned in the center of the navigation bar
    3. I’m trying to adjust the size of the logo so it appears slightly larger in the navigation. I think because of the custom code that was added, everything I try to do is overrided. Can you explain how I can achieve this look (slightly larger size and centered logo):

    That should be it, hopefully. Thank you for your assistance


    Checking in on this…let me know what you can. Thanks!



    I’ll close this thread. We’ll continue here:

    Best regards,

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

The topic ‘Burger menu next to centered logo on desktop’ is closed to new replies.