- This topic has 6 replies, 2 voices, and was last updated 6 years, 1 month ago by
.
Looks like the header height is not responsive and takes too much space on mobile. How can I set the header height just for mobile?
See the attached screenshots. I am happy with the desktop logo/header ratio
One more thing. The logo not visible on the editor screen.
Hi @zsolt67,
I hope you are well today and thank you for your questions.
Could you please share me your site URL where it’s displaying so that i can help you?
Best regards,
Shufflehound teamYou can see in the screenshot. Fittedwardrobeslondon.com
Since the question I discovered the theme editor posibility with yellowpencil but cannot find out how to change the height of the header in lower resulution
Solution for this topic
Looks like the header height is not responsive and takes too much space on mobile. How can I set the header height just for mobile?
You can change header height on mobile by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
#page-container .sh-header-mobile-navigation .sh-nav-container { padding: 20px 0; }One more thing. The logo not visible on the editor screen.
I could confirm the issue on my test site therefore notified the theme developer about this so that it will be fixed.
The issue will be fixed ASAP.
Thank you working perfectly
Just in case for next time can I do something like this with yellowpencil editor’s responsive view?
You are most welcome here 🙂
Yes you can also achieve this using Yellow Pencil editor.
