Pro Header - Shrink not working

Support
#1

I am 100% certain it is user error on my part, but I can’t seem to get menu shrinking working. It works on the image and other elements, but I can’t seem to get the text menu to shrink in size despite attempting a variety of setting changes. See recorded video in secure note. BTW, my goal is for the logo to not reduce in size, but simply for the menu size to reduce until it hits the break for the mobile menu to kickin.

#2

Also, on mobile, the stacked menu has a very thin single pixel grey line. There is no border between the containers, and shadows on the bars and containers are all off.

#3

Hi @flacnvinyl,

Thanks for writing in again!

The google drive link you have shared is not accessible for us, it needs permission. Please let us know so that we can have a look and give you a proper session.
Regarding the menu part, you can choose font awesome icon if you want the line to be thicker also upload your custom image if you want.

Hope this is something you are looking for.

Thanks

#4

My issue is not with icons, but with the actual TEXT of the menu not scaling and instead stacking.

A new screenshot attached in secure note

#5

Hi @flacnvinyl,

Thanks for your clarification!

Please make the menu flex layout as Wrap Children.

After that please select the container where the menu is. Make the container flex layout as in the screenshot.

Hope this helps!

#6

This doesn’t scale/shrink the text in the navigation menu. See secure note

#7

Hey Drake,

You can input a custom value for the Font Size like calc(.5rem + .5vw). That will make the font size respond to the screen size.

Regarding the issue with Hide During Breakpoints in the builder, I could not replicate it in my test site so there’s probably some broken HTML in your page causing the issue. It works in the front-end though. We would need to check this separately so I’d recommend that you open a separate thread for this in order for us to avoid confusion and then it would be best to copy your site to a staging server and give us WordPress Admin and FTP access in a secure note.

I’ve recorded my replication of your setup also so you might want to watch the screencast in the secure note.

Thanks.

#8

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