This is a custom code placeholder.
Switch to Preview or publish the page
to see how your code works.
Double-click to edit
<style> /*Strip the ul of padding and list styling*/ ul, ol { margin: 0; padding: 0; padding-left: 0px; } a:hover { color: #000; } ul { list-style-type:none; margin:0; padding:0; padding-left: 0px !important; } .nav { float: none; } .mobile_nav { position: relative; } .mobile_nav img { max-height: 40px; cursor: pointer; } .mobile_nav img:first-child { position: absolute; top: 15px; left: 10px; bottom: 0; } .mobile_nav button { position: absolute; height: 70px; right: 10px; width: 90px; outline: none; } .mobile_nav button:active { transform: scale(0.8); transition: all 400ms; } .hidden { position: absolute; } .clearfix::after { content: ""; clear: both; display: table; } .selected { color: #fff; font-weight:bold; background-color: #000; } .selected:hover { background-color: #F9CBCC; border: 1px solid transparent; } .book { display: none; } /*Create a horizontal list with spacing*/ li { display:inline-block; float: left; margin-right: 1px; cursor: pointer; } /*Style for menu links*/ li a { display:block; width:90px !important; height: 30px; text-align: center; line-height: 30px; font-family: "Open Sans", Helvetica, Arial, sans-serif; color: #000; text-decoration: none; font-size: 16px !important; /*Fix for offset boundaries*/ border: 1px solid transparent; } /*Style for dropdown links*/ li:hover ul a { color: #000; height: 30px; line-height: 30px; background-color: #fff; width:90px !important; border: 1px solid transparent; } /*Hover state for dropdown links*/ li:hover ul a:hover { background: #F9CBCC; color: #000; } /*Hide dropdown links until they are needed*/ li ul { display: none; } /*Make dropdown links vertical*/ li ul li { display: block; float: none; } /*Prevent text wrapping*/ li ul li a { max-width: 90px; } /*Style 'show menu' label button and hide it by default*/ .show-menu { font-family: "Open Sans", Helvetica, Arial, sans-serif; text-decoration: none; color: #000; background: #f9f9f9; text-align: center; padding: 10px 0; display: none; } /*Hide checkbox*/ input[type=checkbox]{ display: none; } /*Show menu when invisible checkbox is checked*/ input[type=checkbox]:checked ~ #menu{ display: block; } /*Left menu styles*/ .leftMenu { transition: all 400ms; width: 40vw; height: 100vh; background-color: #000; position: fixed; z-index: 999999999; top: 0; display: none; left: 0; } .leftMenu ul .hidden { display: none !important; } .leftMenu li { float: none !important; display: block; padding: 10px 0; border-bottom: 0px #fff solid; } .leftMenu li, .leftMenu a { width: 100% !important; margin: 0; font-size: 16px !important; } .leftMenu a { border: none !important; color: #fff !important; } .leftMenu button { outline: none !important; } .leftMenu img { max-width: 40px; margin: 45px; cursor: pointer; } .leftMenu img:hover, .leftMenu img:active { transform: scale(0.8); transition: all 400ms; } body { right: 0; } @media (max-width: 775px) { .hide { display: none !important; } .selected { background-color: transparent; }.mobile_nav { background-color: white; min-height: 70px; width: 100vw; } .nav { display: none; float: none; padding: 60px 0; } .nav li { float: none; display: block; } .nav a { color: black !important; } .nav a:hover, .nav li:hover { color: black !important; } #edi-www65 { width: 100vw !important; top: 0 !important; } } @media (min-width: 776px) { .mobile_nav button { display: none; } li:hover a { border: 1px solid #fff; width: 110px; } /*Display the dropdown on hover*/ ul li a:hover + .hidden, .hidden:hover { display: block; } .mobile_nav img:first-child { display: none; } } </style> <div class="mobile_nav"> <img src="https://imgur.com/8bJDwW6.png" alt=""> <button><img src="https://multimedia.getresponse.com/getresponse-Grqrv/photos/12efaff5-612e-4a56-8b73-fe0193d1f20f.png" alt=""></button> <ul id="menu" class="nav"> <li><a class="" href="https://www.bymilla.com">HOME</a></li> <li><a class="" href="https://about.bymilla.com">PROFILE</a></li> <li><a class="" href="https://services.bymilla.com">SERVICES</a></li> <li><a class="" href="https://training.bymilla.com">TRAINING</a></li> <li><a class="" href="https://events.bymilla.com">EVENTS</a></li> <li><a class="" href="https://location.bymilla.com">LOCATION</a></li> <li><a class="" href="https://makeupartistmilla.tumblr.com/">BLOG</a></li> <li><a class="selected" href="https://book.browandmakeup.studio">BOOK</a></li> </ul> </div> <script type="text/javascript"> $(".mobile_nav").on("click", "button", function () { $('.leftMenu').css("display", "block"); $("body").css("max-width", "60vw").css("position", "absolute"); }); $( document ).ready(function() { if($(window).width() <= 775) { $("body").css("width", "100vw"); $("body").css("overflow-x", "hidden"); } const parent = document.getElementsByTagName('body')[0]; let mobileMenu = document.createElement("section"); mobileMenu.innerHTML = "<ul><button id='cancel'><img alt='' src='https://multimedia.getresponse.com/getresponse-Grqrv/photos/792913b4-bf0d-4dca-9f9d-2f03a1eb22fd.png?_gac=1.170510740.1560050850.EAIaIQobChMIwtjipLrb4gIVBLftCh3CZwqGEAAYASAAEgIQjPD_BwE'></button>" + document.getElementById('menu').innerHTML + "</ul>"; console.log(mobileMenu.innerHTML); mobileMenu.className = "leftMenu"; parent.appendChild(mobileMenu); $('#cancel').on("click", "img", function () { mobileMenu.style.display = "none"; $("body").css("max-width", "100vw").css("position", "static"); }); }); </script>
MENU OF SERVICES
A high-end beauty service catering to busy, time poor
CUSTOMBLEND MAKEUP & FRAGRANCE 
BROW REGROWING & REENGINEERING
MAKEUP LESSONS, GROUP BOOKINGS & EVENTS
HAIR STYLING 
LASH & BROW EXTENSIONS
EDITORIAL BOOKINGS
Mills is truly the eyebrow whisperer! I’ve just been through the regrowth process with her and now have the most amazing eyebrows. Really didn’t think they would grow back but I trusted her and they did. This latest visit I had the henna tint treatment which last six weeks and thickens the hairs. It’s awesome for someone like me who’s not great at applying pencil/powder etc everyday. I wake up with perfect eyebrows everyday. 
- SALLY R.
Photo: Makeup, Hair, Brows & Styling by Milla 
© Makeup By Milla. All rights reserved.
​hello@bymilla.com
THE STRAND ARCADE
Shops 109-113,  Level 2 412 George St, Sydney 2000
0412719311 (TEXT ONLY)
Makeup Artist Sydney: Wedding Makeup Artist & Hair Stylist in Sydney brought to you by our amazing Makeup Artist Team.
MILLA HAIR AND MAKEUP, SYDNEY MAKEUP ARTIST, MAKEUP ARTIST SYDNEY, SYDNEY MAKEUP ARTIST, INDIAN BRIDAL. INDIAN MAKEUP ARTIST. ASIAN MAKEUP. CBD MAKEUP ARTIST.MAKEUP ARTISTS SYDNEY, MILLA MAKEUP, MILLA HAIR, HAIR AND MAKEUP, BRIDAL HAIR AND MAKEUP ARTISTS SYDNEY, BRIDAL HAIR AND MAKEUP, MOBILE HAIR AND MAKEUP, MOBILE MAKEUP ARTIST, ASIAN MAKEUP ARTIST SYDNEY, WEDDING MAKEUP ARTISTS SYDNEY, BRIDAL HAIR SYDNEY, CORPORATE MAKEUP ARTIST, MAKEUP AND HAIR SYDNEY , MOBILE MAKEUP ARTISTS SYDNEY, BRIDAL HAIR AND MAKEUP SYDNEY WEDDINGS, HAIR AND MAKEUP SYDNEY, MOBILE MAKEUP ARTIST SYDNEY, BRIDAL HAIR AND MAKEUP SYDNEY, MOBILE HAIR AND MAKEUP SYDNEY BRIDAL, HAIR AND MAKEUP ARTIST SYDNEY MOBILE, WEDDING HAIR AND MAKEUP SYDNEY MOBILE, MOBILE MAKEUP ARTIST, MAKEUP ARTIST, SYDNEY MAKEUP ARTIST. WEDDING MAKEUP ARTIST, BRIDAL MAKEUP ARTIST, BRIDAL MAKEUP ARTIST SYDNEY, WEDDING MAKEUP ARTIST SYDNEY, PROFESSIONAL MAKEUP ARTIST, PROFESSIONAL MAKEUP ARTIST SYDNEY, BRIDAL HAIR, BRIDAL HAIR SYDNEY, SYDNEY BRIDAL HAIRSTYLIST, BRIDAL HAIR SYDNEY, WEDDING HAIR STYLIST SYDNEY. BRIDAL HAIRDRESSER SYDNEY, MAKEUP ARTIST , MAKEUP ARTIST CBD, MAKEUP ARTIST THE ROCKS, MAKEUP ARTIST SYDNEY, HAIR & MAKEUP ARTISTRY, HAIR AND MAKEUP ARTISTRY SYDNEY, SYDNEY WEDDING, BRIDAL HAIR, BRIDAL HAIR SYDNEY, MAKEUP ARTIST SYDNEY, BROW SHAPING EXPERT, BEST BROW BAR, BEST BROW ARTIST, REGROW BROWS, FIX BROWS, GROW BROWS, HENNA BROWS, MICROBLADING, BROW EXTENSIONS, LASH EXTENSIONS