Hi Sharon
Try removing the following from the start of your templates responsive.css (../templates/j51_pianoforte/css/responsive.css)..
/* #Tablet (Landscape)
================================================== */
@media only screen and (max-width: 1024px) {
.wrapper960, #header_items, #header, #logo, .hornavmenu {width:95% !important;}
#logo {width:100% !important;}
/* Hide default hornav menu */
#hornav, .hornavmenu {display:none !important;}
/* Show mobile hornav menu */
.hornavmenumobile {display:inline; z-index: 99; }
#socialmedia {left: 20px;}
}
After the following...
@media only screen and (max-width: 959px) {
Add the following...
.wrapper960, #header_items, #header, #logo, .hornavmenu {width:95% !important;}
#logo {width:100% !important;}
/* Hide default hornav menu */
#hornav, .hornavmenu {display:none !important;}
/* Show mobile hornav menu */
.hornavmenumobile {display:inline; z-index: 99; }
#socialmedia {left: 20px;}
Ciarán
