Mobile & Tablet Header Logo & Hamburger Menu Formatting

[mwolff9328]

We are trying to adjust the layout of or mobile and tablet header so that the haru header logo is perfectly centered and the mobile hamburger menu disaplys larger and right aligned as shown in our attached screenshots. The issue we are having is when we try to adjust the header for mobile/tablet the desktop header formatting for logo and menu is also changing. Can you assist us in updating the top header logo and hamburger menu to view as shown in our attached screenshots. We would like the logo to be perfectly centered and the hamburger menu to display larger and right aligned.

The three view we would like to change are:

Mobile View
Tablet Horizontal View
Tablet Vertical View

See screenshots attached:

Attachments:

You must be logged in to view attached files.

[admin]

Hi,
Thanks for contacting us and choosing our product!
About Responsive Header of other elements on Mobile please use Responsive mode of Elementor like this:
https://prnt.sc/cr1mcxlAcbQf
https://prnt.sc/w4jgErNzWrmW
You can change position of Nav Menu to Absolute like this:
https://prnt.sc/05XkshwPuVuA
More detail you can see in the Elementor document here:
https://elementor.com/help/mobile-editing/
Hope this helps!

****
Regards,
HaruTheme

[mwolff9328]

Thanks for the feedback. We have updated the layout of the header menu. We would like to know if there is a way to have the hamburger menu display in a larger size. Can we increaase the size of the hamburger menu?

See screenshot attached

Attachments:

You must be logged in to view attached files.

[admin]

Hi,
Currently doesn’t have option to change this.
Please try go to Appearance -> Customize -> Additional CSS:

.haru-menu-toggle {
    font-size: 26px;
    width: 40px;
    height: 40px;
}

You can change to other values.
Hope this helps!

****
Regards,
HaruTheme

[Author]

Posts