I am using version Version: 1.9.5 - have tried to upgrade but there are a few problems so would prefer to stick with version 1.9.5
I want to use the standard menu - but I need the logo to be right and the menu items to be left. I also want the hamburger menu to show up top left when this is activated on mobile devices. So essentially it is the polar opposite of the standard menu that ships with the Kalium 1.9.5 in terms of positioning. My method involves custom CSS but I have problems with it being responsive.
.main-header .logo-and-menu-container .logo-column{
float: right;
width: auto !important; /* To show full logo */
border: 1px #4beade solid; /* Remove this line to remove blue border around Logo */
}
.main-header .logo-and-menu-container .menu-column{
float: left;
border: 1px #FFFFFF solid; /* Remove this line to remove blue border around Logo */
}
I am using version Version: 1.9.5 - have tried to upgrade but there are a few problems so would prefer to stick with version 1.9.5
I want to use the standard menu - but I need the logo to be right and the menu items to be left. I also want the hamburger menu to show up top left when this is activated on mobile devices. So essentially it is the polar opposite of the standard menu that ships with the Kalium 1.9.5 in terms of positioning. My method involves custom CSS but I have problems with it being responsive.
Thanks
Hi benpace,
I don't see nothing wrong with position of items expect Logo has width issue that has to be removed and those border around menu and logo.
What we need to change on the Custom CSS:
.main-header .logo-and-menu-container .logo-column{ float: right; width: auto !important; /* To show full logo */ border: 1px #4beade solid; /* Remove this line to remove blue border around Logo */ } .main-header .logo-and-menu-container .menu-column{ float: left; border: 1px #FFFFFF solid; /* Remove this line to remove blue border around Logo */ }Thank you.