[itsnickwhite]

Hello

I’m looking for a way to only update the mobile header settings but can’t seem to find an option under Customise.

I’d like to align the burger menu and logo as well as increase the height of the sticky header. It would also be great to move the burger menu to the right side instead. If this isn’t possible, an option to centre the logo would work instead.

[serkan]

Hi,
You can try to use this custom css code,

@media screen and (max-width: 767px) { .menu-toggle { margin-right: 10px; float: right; } }

Thanks

[itsnickwhite]

Thanks Serkan. Both the logo and menu have a very large margin either side now though. I need the logo to align to the far left and the menu to align to the far right.

[itsnickwhite]

Also, do you have any advice regarding the vertical alignment of the icon and menu? At the moment the logo is sitting lower than the menu.

[serkan]

Hi,
Can you try to use the custom css codes, please?

@media screen and (max-width: 767px) { 
.menu-toggle .lines { top: 59%; } 
.is-header-small .site-branding { left: 0px !important; } 
.menu-toggle { margin-right: -10px; float: right; } 
}

Thanks

[itsnickwhite]

Thank you that looks great!

It seems to have removed the padding from the open menu though, so the text is now very close to the logo.

https://ibb.co/1KWqPQB

[serkan]

Hi,
Can we add this css code;

@media screen and (max-width: 991px) {
.nav-menu { padding-top: 3em; } }

Thanks

[itsnickwhite]

Thanks a lot Serkan, that’s perfect.

[serkan]

You are welcome :) We’d be very happy if you can spare a minute to rate the theme on ThemeForest. Your feedback will boost our motivation and help us to work harder on future updates.

https://themeforest.net/downloads

Thank you for your support.

[itsnickwhite]

Sorry serkan I’ve noticed that the logo and menu are aligning towards the bottom of the header (not sure if this is a new thing or not).

https://ibb.co/DYPrXrM

Can the padding underneath them be increased so that they’re vertically centred?

[serkan]

Hi,
Could you please try to add this custom css code;

@media screen and (max-width: 991px) { .site-header.clone .header-wrap { padding-bottom: 10px; } }

Thanks

[itsnickwhite]

Thanks serkan. That’s worked on the sticky header but not when it’s in it’s normal state.

https://ibb.co/YjX7psb
https://ibb.co/Tt8sBYK

[serkan]

Hi,
Can you try to use the css code without clone word as well?
Thanks

[itsnickwhite]

Perfect!