Header not populating correctly, part 3

[ohiocannabis]

Ok so this is a follow up to my last thread that was just closed earlier:

Header not populating correctly, part 2

Ok so my original thread was closed because of time: I’ve updated my theme, but I’ve been watching that video and trying to figure out how to add a Responsive Element Styling to the image and I’m lost and can’t seem to figure it out. Can you please show me a screen shot of the area of the menu I add this styling element so the image automatically resize? Thank you!

So I’ve figured out how to set the Width breakpoint for the images for mobile, tablet, desktop etc.

I’ve gotten close to finalizing the header:

As you can see, the horizontal mobile is just about perfect

But the vertical mobile still has the Collapsible Menu & Button off screen still

How can I move the Menu and Button below the logo, just on the mobile version so everything displays properly? I don’t think I can/want to make the logo any smaller on these devices

Also, the tablet version is cutting off the menu and button, how can I make the tablet version have the collapsible menu like the mobile versions do?

Thanks!

[ohiocannabis]

Ok I figured out how to set the inline & collapsible menus for tablet and mobile

Now the last thing I need to adjust still is on the vertical mobile, pushing the button and collapsible menu below the logo so everything populates properly, without having to make the logo micro in size to fit everything in the current Bar

[ruenel]

Hello John,

Thanks for writing in!

In your Container element settings, set the Flexbox Direction responsively. It should be “Row” on larger screens and “Column” on smaller screens.

Hope this helps. Kindly let us know how it goes.

[ohiocannabis]

Ok so when I do that, both the Menu and Button completely disappear from the mobile/tablet versions?

[prakash_s]

Hello John,

In order to help you with your concern, we need to check your settings. I would request you, please share your details in a secure note. Please provide the following details meanwhile you must troubleshoot a few common issues before we investigate your settings.

• WordPress Login URL
• Admin level username and password
• Exact Header Layout

You can find the Secure Note button at the bottom of your posts

Thanks

[ohiocannabis]

Ok I have attached my login info to this post.

Thank you!

[tristup]

Hi John,

It goes inside the content due to the Height of the Logo you need to adjust that too like width. I went ahead and set the Height to 125px for two breakpoints and now the Burger menu and buttons are visible.

Thanks