How to add additional header below main header on Mobile?

[ad_1]

So say my mobile site looks like this: [https://gyazo.com/cef6b2b29e684251c6bf2346bc07a66b])

But I want to add a seconder area below the header like this: [https://gyazo.com/d2fc8a191240579ee4f13dff91f14ad2])

How would you achieve this? Seems so simple, but the theme for this site has literally no customization options, so I know I gotta code it in somehow, but where do I go?

And how do I code it so that it only shows up on mobile, nothing else?

Any suggestions or help will seriously be appreciated. Thanks everyone.

[ad_2]
1 Comment
  1. Create a child theme, modify the header.php file to add in whatever HTML/menus you want. Then control the display of it using CSS media queries

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer