Trouble with Mobile Menu

[Patricia]

Patricia

July 13, 2015 at 9:36 am

Hi,

As usual, thank you in advance for your always excellent help.

Would you look at my site: *Login to see link ? Everything is fine on a desktop or an iPhone, but on an iPad, the menu button is showing up under the image that I have in the header area. I am not picky about whether the actual menu shows (which is only 3 buttons) or just the Menu button on mobile, but I do have it set to the Menu button right now. I think it has something to do with the padding or spacing, but I am terrible with trying to figure out the CSS fix for these things.

Also, below is the only custom CSS I am using. I thought that might help you see what I did wrong.
Thanks so much!

Patty

.page-header {
display: none;
}
.sliderclass {
padding: 0px;
}
.sliderclass {
border-top: 5px solid #553107;
border-bottom: 5px solid #553107;
}
a[href^=tel] {
color: inherit;
text-decoration: none;
}
.contentclass {
padding-top: 0px;
}