Hello,

I'm trying to get my mobile displays polished up and I have an issue I'm struggling with.  Things are looking good full screen, just not on mobile.

In using the revolution slider I chose for only my home page header, I ended up adding some code to hide the header on the home page because they didn't look good together. 

.page-id-25 #header-space , .page-id-25 #header-outer {
display:none;
    }

I wanted the same menu navigation (but just below the top slider) so i recreated it, mostly, in another revolution slider and it achieves the effect.  EXCEPT, on mobile it's really hard to read.  To solve this I think I could go a few different ways.

1. How can I add the hamburger menu back to this page? but keep the header menu hidden with that code above too? So only displaying the header menu on smaller screens, in essence.

2. I could re-add the header to the page and then push it down below the revolution slider.  This was my original plan but it was not as easy for me to figure out as I wanted so I went to creating that revolution slider menu recreation instead.  How would I do this?  

3.  I could leave it as is, just figure out a way to make the buttons on the revolution slider display bigger on a smaller screen so it's easier to read.  I have no idea how to do this though.  

Hello again and thanks for the quick reply, again!  Is there a way to target the whole header (maybe with a wrapper class), with the whole menu and the logo and background bar, and push the whole thing down below the top rev. slider?    I just don’t like it at the top with the rev slider my team picked, which works way better without the header/menu at the top.  Thanks!