Forum Replies Created
-
Posts
-
Hi Victoria,
I added the code and it seems to be better now. Thanks.
About the breakpoint. I always decide on what breakpoint to use depending on the width of the main menu. In this case that is 1100px where the menu should be disabled and the hamburger menu should become active.
In a lot of themes and frameworks that I use(d) I can register two or more breakpoints. Not for tablet or smartphone (because they can have all kinds of different pixel dimensions) but in actual pixels which is much better. At this moment when making the browser width smaller in Firefox the buttons Contact and the search icon drop to a second line, in Chrome only the magnifying glass.It’s better :) although I don’t see why it is not possible to have the hamburgermenu above or beneath the logo, and then the logo can remain 100% width on small screens. I tried adding clear:both in a lot of different locations but with no success so far.
I still see at some point that the hamburger menu is overlapping the logo, or the hamburger menu and/or social menu is too big. Or the social menu should disappear sooner.
Also the breakpoint should be 1100px for the main menu, As you can see now the menu-item Contact and the search icon are being moved to a second line.
Hi Rikard,
Thanks for your help.
In most other themes I used the hamburger menu slides beneath the logo so the logo is centered at the top. :( I have been trying things like using clear:both for the logo and the hamburger menu, but I have not been succesful in doing so.
There is still the thing that the tablet/mobile breakpoint needs to be set to 1100px and I can’t see a setting in Enfold where I can do this.
I find it hard to comprehend why it worked well in version 3.x like how the homepage as it was on June 1st like shown in the Waybackmachine: https://web.archive.org/web/20190601211012/https://allesoverhoofdpijn.nl/
As you can see, the hamburger menu slides to a new and better position and shows up at the right browser width.
Ofcourse and thank you. By the way, tried a few other things and removed all previously added CSS that concerns the header and the menu.
Now the situation is like this:– the hamburger menu comes in too late (can’t find a place were I can set a break point)
– the hamburger menu and social icons are placed on top of the logo instead of beneath the logo
– the logo is not centered when on mobile
