Archived topic
ADDING TEXT IN MENU BAR TO TAKE UP SOME OF BLANK SPACE ON MOBILE DEVICES
6 replies · Started by George on January 19, 2019
Hi,
I am trying to see if there is a way i can add text or at least the site name in that blank spot on menu bar for on only mobile devices.
Hi there,
That blank spot will be pretty small on some phones, but you can definitely add something in there.
1. Create a new Hook Element, and set it to the generate_inside_mobile_header hook: https://docs.generatepress.com/article/hooks-element-overview/
2. In the hook content, add something like this:
<div class="mobile-bar-items">
<a href="URL TO YOUR HOME PAGE">Your text in here</a>
</div>
Then set your conditions in the Display Rules and it should display :)
Its telling me "This element needs a location set within the Display Rules tab in order to display." and gives me a drop down but dont know what i should put.
i figuerd that part out and put entire site but the letters are real dim and the letters are on the right side and i wanted to try to have it set in the middle.
Ah sorry about that - I just updated the HTML above: https://generatepress.com/forums/topic/adding-text-in-menu-bar-to-take-up-some-of-blank-space-on-mobile-devices/#post-786646
Can you give it another shot?
That did the trick right there. I really appreciate your help on this :-)
Glad I could help :)