Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #1461955

    how do you change to mobile nav at 1050 px instead of 990 px
    Thank you!

    #1461956

    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;
        }
    }
    #1461963

    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?

    #1461978

    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

    #1461998
    This reply has been marked as private.
    #1462024

    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

    #1462036
    This reply has been marked as private.
    #1462047

    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

    #1462049
    This reply has been marked as private.
    #1462053

    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

Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Menu Items for mobile’ is closed to new replies.