
-
AuthorPosts
-
November 16, 2020 at 5:53 pm #1260757
Hi there,
I can’t help creating a compact main menu that doesn’t overlay on small screens.
Please wacth screens for further details:
https://drive.google.com/file/d/1qJ93YZCr4yw2X4ZWR2I3XVJ0yHmxjBbH/view?usp=sharing
https://drive.google.com/file/d/17ac0pgNprQU7UC2CzrNwfXoDrWgKh12h/view?usp=sharing
November 17, 2020 at 10:58 am #1260931Hey Pujaz,
You have set your container element to be only 62% in the theme options, that is why the logo and menu are clashing. You need to increase that to a higher number if you want your current header layout, or switch to the mobile menu at an earlier point.
Best regards,
RikardNovember 17, 2020 at 11:05 am #1260932Hi Rikard,
thanks for the reply. How can I switch to the mobile menu at an earlier point.?
Thanks for your help!
All the best,
Givoanni
November 17, 2020 at 11:31 am #1260940This reply has been marked as private.November 18, 2020 at 7:03 am #1261213Hi,
Thanks for the update. The site you are trying to copy is much wider than yours, so maybe you want to increase the container width in the theme options? If you want to control when the mobile menu becomes active then you can add this to Quick CSS:
@media only screen and (max-width: 1024px) { nav.main_menu { display: block !important; } #avia-menu .menu-item { display: none; } .av-burger-menu-main.menu-item-avia-special { display: block; } }
Change the value 1024 to the pixel width when you want the mobile menu to become active.
Best regards,
RikardNovember 18, 2020 at 10:25 am #1261224Hi, thank you for the reply.
I followed your suggestion but I had to change the value to 1920 to the pixel width when I want the mobile menu to become active.
Otherwise the menues are crashing. I think it is a little excessive.
Also, I tried to change the fullwidth to 100% or less but the my website looks much more wider than the one i want to copy.
To my eye, 62% is perfect. Am I missing something?(Gosh, how I wish somebody suggest me a good resource to learn WP CSS)
Thanks for your help,
Giovanni
November 19, 2020 at 6:03 am #1261455Hi Giovanni,
The container width on the site you are trying to copy is 1100 pixels, maybe you could start off with changing the container width to that?
If you want to learn CSS then please start off here: https://www.w3schools.com/css/default.asp
Best regards,
RikardNovember 19, 2020 at 11:33 am #1261499Great!
Thank you very much.
I think the tiket can be closed!
All the best,
Giovanni
November 20, 2020 at 1:07 am #1261683Hi Giovanni,
Great :)
We are closing the thread.
If you need further assistance please let us know in a new one.
Best regards,
Victoria -
AuthorPosts
- The topic ‘Manu bar’ is closed to new replies.