Home › Forums › Support › hamburger menu beside site title instead of below This topic has 9 replies, 2 voices, and was last updated 3 years, 4 months ago by David. Viewing 10 posts - 1 through 10 (of 10 total) Author Posts September 19, 2018 at 11:09 am #681428 Gord How to align the hamburger menu so it appears beside the site title instead of below it at mobile sizes? example: similar to Studiopress genesis sample site. September 19, 2018 at 4:29 pm #681630 DavidStaff Customer Support Hi there, do you have a link to the site so we can provide a fix? September 19, 2018 at 5:35 pm #681674 Gord http://deepdesign.flywheelsites.com/ https://demo.studiopress.com/genesis-sample/ September 19, 2018 at 6:16 pm #681688 DavidStaff Customer Support Try this CSS: @media (max-width: 768px) { .inside-header { padding-left: 30px; padding-right: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; } .inside-header .main-navigation { margin-left: auto; } } September 19, 2018 at 7:58 pm #681750 Gord I added the CSS but the hamburger still appears below the site title. September 20, 2018 at 2:23 am #681908 DavidStaff Customer Support Sorry i made a typo in the code above can you retry that November 27, 2020 at 7:54 pm #1553913 Reed Hi I tried this on my site (https://reedsutton.ca/) and it is not working. Is there an easy fix? November 28, 2020 at 7:21 am #1554969 DavidStaff Customer Support Hi there, try: @media (max-width: 768px) { .inside-header { padding-left: 20px; padding-right: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; } .inside-header .main-navigation { margin-left: auto; } .site-branding { flex: 0 0 75%; } } November 28, 2020 at 11:41 am #1555383 Reed Thanks! November 29, 2020 at 3:38 am #1556114 DavidStaff Customer Support You’re welcome Author Posts Viewing 10 posts - 1 through 10 (of 10 total) You must be logged in to reply to this topic. Log In Username: Password: Keep me signed in Log In