Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
  • #1074057

    When I view my menu on a mobile device it looks like a mess, not like the sample in the documentation. Is there some code I need to adjust to get this menu to appear like the sample in the documentation below?
    Below is the link to the Kriesi Documentation (Purchase code hidden if logged out)(Purchase code hidden if logged out) /#toggle-id-2


    Just checked the site and it looks like someone is working on this, since the menu now is a complete mess. Whoever is looking at the site please reply to me so I know this issue is being worked on today, and if it will be resolved today so I can let my client know. Thanks



    Thank you for contacting us.

    Please adjust the flex basis of the logo to 40% to achieve the same result.

    Let us know if you have any questions.

    Best regards,


    Can you tell me how and where this is done.

    • This reply was modified 2 months, 2 weeks ago by  Snerp.


    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    CSS Snippet:

    /* CSS - */
    .responsive #top #header #header_main .inner-container .logo {
        flex-basis: 40% !important;

    Best regards,


    Just added the code, then checked the site on an iphone….no change (see screen cap below). I’ve added my login info in the “Private Content” if this will help.



    I tried to troubleshoot this issue but the login credentials you provided do not work for me. Would you mind checking once again and then send us working login credentials?

    The user role for the account you send us should be set to ‘administrator’ so we can try to disable all plugins and add custom code (if necessary) to resolve the issue.

    Best regards,


    Sorry, should have been a hyphen between wp-admin, not an underscore.

    Please try again :)



    Thank you for sharing the details.

    I have changed the CSS and widget position in the Appearance > Editor > style.css

    Also using custom HTML to create widget box is not recommended I have update the button tags to paragraph in Appearance > Widget > Header

    Due to the width of the widgets, it’s not possible to maintain the same layout in a mobile device so I have updated the layout to look like the below screenshot in the mobile.

    Hope this helps :)

    Best regards,


    Ok thank you for this. Now that I see this it still looks awkward to me, also when viewed in portrait on a smartphone the menu is covering up most of the screen so you can’t see the content. Is there a way to just have the logo and burger menu show with no widgets when viewed on a smartphone?


    Hi Snerp,

    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

    @media only screen and (max-width: 479px) {
       #text-5, .responsive #top #header #header_main .inner-container #text-5.widget:nth-child(4),
       .responsive #top #header #header_main .inner-container #text-4 {
        display: none;
      .html_header_sticky #top #wrap_all #main {
        padding-top: 80px !important;

    If you need further assistance please let us know.

    Best regards,


    We trying to custom our header as show in your example (Purchase code hidden if logged out)(Purchase code hidden if logged out) /#toggle-id-2-closed”>here with no success.
    I think we have follow all the different steps but :
    How can we had two widget (one to the left et another to the right of the logo ? (how do we have to call each widget : widgetleft and widgetright for example ?).
    Compare to your example, it seems that our widget area is outsite the div “inner-container”

    Thanks for your help


    Hi I-Visio,

    Best regards,



    How many times do people have to continue to use long complicated code to achieve a decent header with Enfold. Where are you and why do you not see this is a huge gap in basic functionality? Have you taken a look at ASTRA options or even Elementor lately?

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

You must be logged in to reply to this topic.