Archived topic
Custom mega menu - improvement
3 replies · Started by Michael on July 22, 2022
Hi there
In addition to my older thread, I am looking to another change.
Managed to put everything in 2 columns.
However, I struggle to achieve the following and not sure if this can be done with CSS as well:
- 3 columns
- column 1 and 2 contain the menu items
- column 3 contains the site logo only
Thanks a lot for your great support.
Best,
Michael
Hi there,
it is doable but i think the simplest solution maybe to absolute position the logo to the right of the columns.
For example:
1. Give your <img> a class of ofc-logo
2. Add this CSS, inside your desktop media query:
#generate-slideout-menu .ofc-logo {
position: absolute;
right: -120px;
}That will position it to the right of navigation. The -120px is based on the image width.
Thank you David.
You're welcome
