Hi there , where i can adjust my menu for responsive design to work correctly ? Now my menu has this nasty point where my navigation goes in top of my site logo as shown in the picture, its wierd since after i go litle bit smaller the logo goes to the left side and then the normal navigation has the space it needs and after even smaller the mobile nav comes . But there is this one point when in about tablet size when the nav goes top of the logo.
Hi Jimi,
Thanks for writing to us.
Regretfully, the given screenshot is not able to explain the problem you are facing in responsive design.
We tried to examine your website through your dashboard, but it shows the Coming Soon page.
To help or suggest you something we need to examine the issue first if you are not able to share us the live URL,
Please send us multiple screenshots in different screen sizes, with the marked issue.
Which makes us understand what is the issue you are having in the responsive design(s).
Thanks
How can i send secured message with the login info so you can see the live site?
Hey Jimi,
Thank you for providing the credentials. I checked your setup and I see you’re managing the mobile and desktop menu in a single bar that’s why you’re having issues. To have better control on the breakpoints I’d recommend you to create two separate bars (one for Desktop screens and other for Mobile screens)
Then hide the Desktop bar in smaller screens using Hide During Breakpoints (see screenshot)
You can change the breakpoints which you feel the best. Hope this helps!
thx for the reply, there is still a point betveen the tablet version and smaller laptop where the first link of navigation goes top of the logo . any suggestion how could i manage to change that spot? since after that the normal navigation still works ok for the tablet version . Mayby i try to do that hide breaking points with that logo on the center and and make 2 logos and hide those right way?
And also i dont know do i need to open a new topic for this but if i can ask in this same thread:
How i can insert icons inside that mobile menu that opens? i would like to add the same icons i have in my normal menu for the mobile menu so what is the proper way to do this?
Hi Jimi,
You can adjust the breakpoints by adding the exact breakpoint where the issue occurs.
You can learn more on the breakpoints in this article or going through this: https://www.w3schools.com/howto/howto_css_media_query_breakpoints.asp
And regarding the next part of the question, I would suggest you to create a different thread for the different questions in the future.
For now, to add any item into the mobile menu this thread will help you: Add a button inside collapsed navigation
Remember that the suggestion in the above-mentioned thread will work if copied as it is and doesn’t conflict with any existing code.
Please note that the code provided serves only as a guide to help you get started custom coding on your own if there’s no option offered in our theme or the products we bundle.
We do not provide support for custom codes that means we can’t fix it in case it conflicts with something in your site nor will we enhance it.
Thanks
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.