Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 24, 2017 at 7:28 pm #843657
    webWahine

    Hi

    I have used this before –

    	#mobile-advanced:before {
		    content: '';
		    width: 300px;
		    height: 300px;
		    display: block;
		    overflow: hidden;
			margin-top: 40px !important;
		    background: url("http://www.8888osler.com/images/8.png") no-repeat center center;
		    background-size: 100% 100%;
		    margin: 0 auto;
		}

    The problem is it’s no longer showing up. Please adise – I jhave to launch tomorrow so please let me know as soon as possible :)

    August 28, 2017 at 9:43 pm #845053
    Yigit

    Hey webWahine,

    Please use following code instead

    ul#av-burger-menu-ul {
    content: '';
    width: 300px;
    height: 300px;
    display: block;
    overflow: hidden;
    margin-top: 40px !important;
    background: url(https://www.8888osler.com/images/8.png) no-repeat center center;
    background-size: inherit;
    margin: 0 auto;
    background-position: 0 0;
}

    Best regards,
    Yigit

    August 29, 2017 at 9:32 pm #845452
    webWahine

    That sort of worked – I tried to reduce the image size and it started to get cut off, plus this also centered the menu text below, so I’m assuming this is applying to all in the open state since it’s using the ul css. Could you please provide an option to center the image above the open hamburger X ?

    August 29, 2017 at 9:37 pm #845454
    Yigit

    Hi!

    Please change the code to following one 

    ul#av-burger-menu-ul {
    content: '';
    width: 300px;
    height: 300px;
    display: block;
    overflow: hidden;
    margin-top: 40px !important;
    background: url(https://www.8888osler.com/images/8.png) no-repeat center center;
    background-size: 40%;
    margin: 0 auto;
    background-position: 50% 10%;
}

    Best regards,
    Yigit

    August 29, 2017 at 10:29 pm #845472
    webWahine

    Perfect! Thank you, Yigit :)

    August 29, 2017 at 11:15 pm #845502
    Jordan Shannon

    Hi,
    I’m glad Yigit was able to help you. If you need anything else, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘image placed above open toggle menu on mobile no longer working’ is closed to new replies.