Hamburger icon not in line with logo on mobile

Beaver Builder
1

Hi - my hamburger icon appears above the logo in mobile view. I want it alongside to save space. Any ideas? Site is www.spsl.towerhamlets.sch.uk Thanks

2

Sorry - found the answer on the knowledge base two minutes after posting, having spent hours looking before…

3

Having said that, the logo doesn’t appear now - only the hamburger icon. Any ideas?

Thanks

4

Hi John,

You have the Photo module housing your logo image set to display on Large and Medium devices. You’ll need to also select the Small device toggle as well via the Visibility options.

5

Thanks Danny - I don’t think I explained properly. I’ve set up two rows in the header, one to be visible on larger screens, and the other for mobile only. The first row therefore was set to be invisible on the mobile screen. In the mobile view I want a hamburger icon to appear in line and to the left of the logo. I don’t seem to be able to find a way to do this.

I was thinking ‘centred+inline’ option under menu might do it. But maybe not?

6

To do this, you’ll need to give each column a specific width for small devices, such as each column a width of 50%.

If you want the hamburger menu to be on the left, you’ll need to enable the Reverse Column Order option so that the order is reversed. You may also need to adjust the Photo module’s width option to size your logo image.

7

Brilliant - thanks Danny. This now works.

1 Like
8

This topic was automatically closed 36 hours after the last reply. New replies are no longer allowed.