Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • July 2, 2018 at 6:24 pm #980201
    raisonbrands

    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?

    July 3, 2018 at 2:30 am #980355
    Vinay

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

    July 3, 2018 at 5:37 pm #980647
    raisonbrands

    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?

    July 3, 2018 at 5:47 pm #980653
    raisonbrands

    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.

    July 4, 2018 at 4:06 am #980888
    Vinay

    Hi,

    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 :)

    https://snag.gy/
    https://ctrlv.cz/en/
    https://imgur.com

    Best regards,
    Vinay

    July 11, 2018 at 5:40 pm #984310
    raisonbrands

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

    View post on imgur.com

    July 12, 2018 at 7:36 pm #984857
    Basilis

    Hi,

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

    Best regards,
    Basilis

    July 12, 2018 at 7:53 pm #984868
    raisonbrands

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

    July 13, 2018 at 9:47 am #985059
    Victoria

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

    July 13, 2018 at 6:05 pm #985256
    raisonbrands

    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 imgur.com

    July 13, 2018 at 10:13 pm #985339
    raisonbrands

    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.

    July 14, 2018 at 2:58 am #985364
    Vinay

    Hi,

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

    August 2, 2018 at 5:30 pm #992942
    raisonbrands

    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?

    August 3, 2018 at 8:19 pm #993350
    raisonbrands

    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 https://imgur.com/a/tc4rEqo
    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): https://imgur.com/a/EmIiI30

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

    August 6, 2018 at 6:37 pm #994029
    raisonbrands

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

    August 9, 2018 at 10:22 am #995349
    Dude

    Hi,

    I’ll close this thread. We’ll continue here: https://kriesi.at/support/topic/header-formatting-help/

    Best regards,
    Dude

  • Author
    Posts
Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘Burger menu next to centered logo on desktop’ is closed to new replies.