I want to match the mobile secondary menu on the transparency headers and the regular headers
Hey web4698,
Try this code in the General Styling > Quick CSS field:
@media only screen and (max-width: 767px) { .responsive #top .av_header_transparency #header_meta { background-color: #35383c!important; }}
Best regards,
Mike
Perfect! Thank you! How do I increase the space between the text on the top line?
Hi,
I’m not sure how you want to increase the space for that line, top bottom right?
For creating line brakes for the phone number and icons in mobile view try this code in the General Styling > Quick CSS field:
@media only screen and (max-device-width: 1024px) {
.menu-item-3288 {display:block!important; padding-bottom:20px!important;}
.menu-item-4019 {white-space: pre-line!important; padding-bottom:10px!important;}}
Best regards,
Mike
This didn’t work
Hi,
Try this code:
@media only screen and (max-width: 1024px) { .menu-item-3288 {display:block!important; padding-bottom:20px!important;} .menu-item-4019 {white-space: pre-line!important; padding-bottom:10px!important;}}
Best regards,
John Torvik
perfect thank you!!!!
How do I increase the space above and below the logo in mobile and tablet view?
Hi,
Can you try adding this css code:
@media only screen and (max-width:959px) {
.responsive #top #wrap_all .container.av-logo-container {
padding-top: 20px;
padding-bottom: 20px;
}
}
Hope this helps :)
Best regards,
Nikko