Hi Bill –
I promise this is the last question (for today)…
Starting test driving the site on an iPad and the Home Page slider photos are not responsive. I don’t know if the custom CSS code we’ve put in somehow overrode this or not. I’ve included that code below. Otherwise if there is a setting I’ve missed – I’m just not seeing it.
Thank you.
@media only screen and (min-width: 1024px) {
.slicknav_menu {
display: none;
}
#sidebar {
z-index: 20;
}
ul#primary-menu {
display: block;
list-style-type: none;
margin-left: 0;
margin-right: 0;
text-align: center;
}
ul#primary-menu a {
display: block;
padding: 5px;
}
ul#primary-menu li {
position: relative;
}
ul#primary-menu li.current-menu-item a,
ul#primary-menu li.current-menu-item li a:hover,
ul#primary-menu li a:hover { color: #454545;
background-color: #FFFFFF;
}
ul#primary-menu li.current-menu-item li a {
background-color: transparent;
}
ul#primary-menu li ul {
display: none;
list-style-type: none;
}
ul#primary-menu li:hover ul {
display: block;
position: absolute;
left: 200px;
top: 0;
width: 180px;
background-color: rgba(0, 0, 0, 0.8);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
}
body #sidebar {
background-color: rgba(240,89,37,1);
}
.menu-title h3 {
color: #ffcc33;
font-size: 18px;
}
li.menu-group-item p {
color: #ffffff;
font-size: 14px;
font-style: italic;
}
#header {
position: relative;
}
.gm-style { color: #000 !important; }