-
AuthorPosts
-
March 3, 2019 at 10:28 pm #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 DocumentationMarch 4, 2019 at 5:18 pm #1074437Just 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
March 7, 2019 at 5:48 am #1075756Hi,
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,
VinayMarch 7, 2019 at 6:52 pm #1076087Can you tell me how and where this is done.
- This reply was modified 5 years, 9 months ago by Snerp.
March 11, 2019 at 9:29 am #1077238Hi,
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,
VinayMarch 11, 2019 at 4:41 pm #1077411Just 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.
March 14, 2019 at 8:40 am #1078581Hi,
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,
VinayMarch 14, 2019 at 5:36 pm #1078758Sorry, should have been a hyphen between wp-admin, not an underscore.
Please try again :)
March 15, 2019 at 4:15 pm #1079175Hi,
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,
VinayMarch 15, 2019 at 5:41 pm #1079195Ok 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?
March 17, 2019 at 4:28 pm #1079620Hi 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,
VictoriaApril 15, 2019 at 4:59 pm #1091010Hi,
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
April 16, 2019 at 7:10 pm #1091632Hi I-Visio,
Best regards,
VictoriaMay 2, 2019 at 9:59 pm #1096586 -
AuthorPosts
- You must be logged in to reply to this topic.