Hello,
I have an issue with my main menu.
It is displayed correctly if the screen is large enough (see picture 1 and 3).
If I have a medium screen (like on some tablets), the menu is overlapping the image or the text or image below (see picture 2 and 4).
Is there a way to avoid such overlap?
The problem appears on all the pages and therefore it does not dépend on what is diplayed below the menu.
Thanks a lot in advance.
Patrick
Hi
It does not fit becuase header is using max. space with all menu items and in mid screen it comes below , what u can do here is you can use mobile menu in this screen size . Follow my suggestion given in this topic for the same matter .
Do not forget to take full backup of site before applying changes .
Hi,
thanks for your answer.
Before trying to modify the variables.less file, I put my site in development mode and I discovered that I have many aspects which are not displayed at all as they should be. Therefore I guess that if I do a "compile less to css", I will face more troubles than the one I have now with my menu.
But thanks to the development mode, I was able to define that my breakpoint value is: 1440px (I have a large menu).
Nevertheless, is there a way to modify some css files to reproduce the same changes as if I had done it through the variables.less file ?
I gave a try into:
/templates/uber/css/template.css
/templates/uber/local/css/template.css
/templates/uber/local/css/themes/vbnthememagic/template.css
=> in all these 3 files I put:
content: "grid-float-breakpoint:1440px screen-xs:480px screen-sm:768px screen-md:992px screen-lg:1200px";
Viewing 8 posts - 1 through 8 (of 8 total)
Pankaj Sharma 8 years, 5 months ago.