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

    #1074437

    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

    #1075756

    Hi,

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

    #1076087

    Can you tell me how and where this is done.

    • This reply was modified 5 years, 9 months ago by Snerp.
    #1077238

    Hi,

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

    #1077411

    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.

    https://i.postimg.cc/tJMP53SB/IMG-0771.png

    #1078581

    Hi,

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

    #1078758

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

    Please try again :)

    #1079175

    Hi,

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

    #1079195

    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?

    #1079620

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

    #1091010

    Hi,
    We trying to custom our header as show in your example 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

    #1091632

    Hi I-Visio,

    Best regards,
    Victoria

    #1096586

    @kriesi

    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.