hi there team, l would like to know how to do some things in the menu of the magnetic theme, would love if you could respond each of them as numbered:
1) how to eliminate the lines below the menu sections.
2) a. how to change the menu's width on hover.
b. how to change the menu's icon (three lines). l would like to add some effects on hover and add a typography that also changes on hover (to indicate the lines are the menu putting the word "menu")
c. how to change the menu's icon position to the middle of the page.
You will need some custom CSS in order to customize the menu to your personal preferences. Usually, providing custom CSS to customize our theme's layout to your own needs is beyond the scope of our free support (we do offer a paid service for this if you need help: https://sonaar.io/service/website-customization-service/ ) However, I will do an one-time exeption for this specific case.
1) You can add this custom css to remove the lines. Add this in WP-Admin > Theme Options > Custom CSS:
._magnetic_elementor .side-menu.open .nav-menu li a {
border-bottom: initial!important;
}
2 a) I dont understand the question correctly. You want to change the 3 horizontal bars icon's width?
2 b) This is not possible as it would require custom javascripts and a lot of customization. You will have to hire a developper for this
2 c) You can try this custom css but i have not tested the code at all so I dont know if it can correctly work on every devices and browser. That would probably need more testing:
hi there team, l would like to know how to do some things in the menu of the magnetic theme, would love if you could respond each of them as numbered:
1) how to eliminate the lines below the menu sections.
2) a. how to change the menu's width on hover.
b. how to change the menu's icon (three lines). l would like to add some effects on hover and add a typography that also changes on hover (to indicate the lines are the menu putting the word "menu")
c. how to change the menu's icon position to the middle of the page.
reference: https://www.wokine.com/
Thanks,
Hi,
You will need some custom CSS in order to customize the menu to your personal preferences. Usually, providing custom CSS to customize our theme's layout to your own needs is beyond the scope of our free support (we do offer a paid service for this if you need help: https://sonaar.io/service/website-customization-service/ ) However, I will do an one-time exeption for this specific case.
1) You can add this custom css to remove the lines. Add this in WP-Admin > Theme Options > Custom CSS:
._magnetic_elementor .side-menu.open .nav-menu li a { border-bottom: initial!important; }2 a) I dont understand the question correctly. You want to change the 3 horizontal bars icon's width?
2 b) This is not possible as it would require custom javascripts and a lot of customization. You will have to hire a developper for this
2 c) You can try this custom css but i have not tested the code at all so I dont know if it can correctly work on every devices and browser. That would probably need more testing:
.menu-toggle.lefttype {
top: 50vh;
}
Thanks,
Max from the Sonaar.io Crew
Hi there Max,
Thanks, l actually paid for the lifetime membership.
2 a) to make the width's size of the white area of the menu a bit bigger on hover.
Thank you again,
Hi,
2a) you can add this to your custom CSS:
._magnetic_elementor .menu-toggle {
padding-right: 100px!important;
}
Thanks,
Max from the Sonaar.io Crew