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>
MAKEUP SERVICES
Learn more
A full face makeup - day or evening look. 
FULL MAKEUP
Learn more
Find the perfect foundation shade or learn how to do your eye makeup and what products to buy.
You will leave feeling confident to do your own makeup! bring your current makeup and tools with you to the lesson.

PERSONAL SHOPPING & MAKEUP LESSON
Learn more
We have experienced & talented Hair & Makeup Artists,Nail Technicians and Grooming experts for your next photoshoot, TVC or Social Media collaboration.

EDITORIAL
Learn more
Express is a quick refresher done in 15 minutes.
It will be a touch up of existing makeup to refresh for the evening.
EXPRESS MAKEUP
Absolutely blown away by the service and beauty of this place! Will definitely be back for hair and makeup when in Sydney again! Loved the convenience of online booking and appreciated the generation and accommodation of more availability when requested
- KAREN W.
© 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