thatsmithcray Posted March 11, 2020 Share Posted March 11, 2020 Anyone know how I can get my menu (hamburger icon) to no longer be above my logo, but instead have the logo on the left and the menu icon on the right (on the white background? (this is only for mobile, it's fine on desktop). thx! Link to comment
Thurstings Posted March 11, 2020 Share Posted March 11, 2020 @thatsmithcray Hey, have you tried selecting the hamburger menu in the CSS style editor? I imagine there would be some options in there which allow you to align it left or right of the page. Link to comment
thatsmithcray Posted March 11, 2020 Author Share Posted March 11, 2020 @Thurstings unfortunately the Flatiron template im using doesnt have any options for the mobile menu design... Link to comment
Thurstings Posted March 11, 2020 Share Posted March 11, 2020 @thatsmithcray Do you mind sending me your login details I can take a look? Can't gurantee I will have a fix for it but I can definitely take a look for you. Link to comment
thatsmithcray Posted March 11, 2020 Author Share Posted March 11, 2020 Sorry, not going to send you my login details but if anyone has custom code for this please let me know. Link to comment
Thurstings Posted March 11, 2020 Share Posted March 11, 2020 @thatsmithcray No worries I understand! Try this for aligning the mobile menu to the right: @media only screen and (max-width: 640px) { #mobile-navigation #mobile-navigation-label:after { vertical-align: right !important; }} I am still learning the ropes of code so sorry if this doesn't work / achieve your desired effect. Link to comment
tuanphan Posted March 11, 2020 Share Posted March 11, 2020 Add to Home > Design > Custom CSS @media screen and (max-width:640px) { header#topBar { display: flex; flex-direction: row-reverse; align-items: center; justify-content: space-between; } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
thatsmithcray Posted March 12, 2020 Author Share Posted March 12, 2020 @tuanphan that almost worked....only issue is the menu wont expand anymore when clicked on. Any thoughts? Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.