Archived topic

2 line mobile header with hamburger menu icon

7 replies · Started by Martin on November 22, 2021

Viewing posts 1–8 of 8

November 22, 2021 at 12:33 am #2014075

I'm trying to get a 2 line mobile header:

Doctor's name, PhD           ---
Licensed Psychologist        ---

so just the two lines of text and the hamburger menu icon on the right.
I tried a block hook with 'generate_inside_mobile_header' but the menu icon is pushed down below the 2nd line of text?

I want to float the menu icon to the right.

I need it to look the same on the portrait iPad as well.

November 22, 2021 at 12:46 am #2014084

Hi Martin,

Can you link us to the site you're working on? So we can inspect it to have a clearer idea on which way to point you to. :D

You can use the private information text field to provide the site details. :)

November 22, 2021 at 9:47 am #2015068

Ok thanks.

November 22, 2021 at 9:48 am #2015070

More details of access below

November 22, 2021 at 9:52 am #2015072

I've turned Mobile Header ON in customizer, with branding type Logo and no logo.
I have a block element called 'Mobile Header licensed' hooked in with 'inside_mobile_header'

November 22, 2021 at 11:27 am #2015715

Hi Martin,

Can you try wrap the 2 headline blocks with a GB containerblock in your block element?
https://www.screencast.com/t/nlNmYCTTzG

So the structure would be:

- Container
  - Headline 1
  - Headline 2

Let me know :)

November 22, 2021 at 11:49 am #2015788

Yes! That seems to work great! Thanks Ying!

November 22, 2021 at 12:14 pm #2015874

You are welcome :)

This archived topic is closed to new replies.

Start building better websites today.