Thanks this worked, but the drop down menu on mobile is still center aligned. Is that fixable? Here is the css I have below. Thanks for your awesome help.
@media only screen and (min-device-width : 768px) {
.title-container {
display: none;
}
}
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait)
{
#wrapper .dd-container .dd-selected-text span:before {
position: relative;
top:0px;
padding: 0px;
margin: 0px;
font-family: FontAwesome;
content: “f0c9”;
}
}
.link-effect a:hover span, .link-effect a:focus span {
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important;
}
@media only screen and (max-width : 768px) {
#wrapper .dd-container .dd-selected-text {
margin-top: 0px;
text-align: left !important;
display: block !important;
max-width: 39px !important;
}
#logo-image {
text-align: left !important;
display: block;
}
}