how do you change to mobile nav at 1050 px instead of 990 px
Thank you!
Try in quick css:
@media only screen and (max-width: 1050px) {
#top #header .av-main-nav > li.menu-item {
display: none !important;
}
#top #header .av-burger-menu-main {
cursor: pointer;
display: block !important;
}
}
Perfect Thank You!
One other question is there a way to bold the Header Phone Number/Extra Info item and or change the size of it?
Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
#header_meta .phone-info span {
font-size: 13px;
font-weight: bold;
}
adjust the font size to suit and after applying the css, please clear your browser cache and check.
Best regards,
Mike
Hi,
When I check now the font size is now 13px, try clearing your browser cache if you use Safari try following these steps for Safari and note step 4 where you will Clear the History.
Best regards,
Mike
Hi,
Try this css instead
#top #header_meta .phone-info span {
font-family: 'Raleway', sans-serif;
font-size: 18px;
font-weight: 900 !important;
color: #000;
}
After applying the css, please clear your browser cache and check.
Best regards,
Mike
Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.
Best regards,
Mike