Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #611597

    Hello

    For the close button that appears when the mobile menu is open –

    .show_mobile_menu #advanced_menu_hide {}

    My client wants just and X and no circle around it – I can change the background color, but do I need to replace this with an image or is there some css to make it just a whote X and another color on hover? Thanks! :)

    #611675

    Hey webWahine!

    Can u please link us your web site?
    Also, if any cache please disable so we can provide the code needed and move on with the changes.

    Thanks a lot

    Best regards,
    Basilis

    #612083

    Sure – here you go (in private)

    #612096

    Hi!

    Your site is password protected. Please try the below code

    .show_mobile_menu #advanced_menu_hide {
        background: transparent;
        border: none;
    }

    The above will give you an X inside the circle if you like to change it please upload your icon to wordpress media library and use it as the background image.

    You can link a pngimage ot use a plugin like https://wordpress.org/plugins/svg-support/ to upload svg icons.

    Best regards,
    Vinay

    • This reply was modified 8 years, 8 months ago by Vinay.
    #612108

    So sorry I forgot about that – I’ll try this and get back to you :) Password is in private.

    #612121

    Hey!

    No problem :) We will keep this ticket open. In case you have more questions please feel free to get in touch with us.

    Regards,
    Vinay

    #612250

    Ok, so I did have something just like that but I want to remove the cricle entirely and just have an X. Do I need to use a png or can I tweak the css some more, please?

    #614115

    Hi!

    Please add following code to Quick CSS

    #advanced_menu_hide:before {
        content: 'X';
        font-family: 'open sans';
    }

    Best regards,
    Yigit

    #614282

    That worked, thank you! Another question, please. I have the background set to an alpha of 0.7 so you can still see the hamburger underneath when the mobile menu opens. I’m assuming it can be set to a display: none; but how would I do that, please?

    #614419

    Hey!

    Please add following code to Quick CSS as well

    .show_mobile_menu #advanced_menu_toggle {
        opacity: 0;
    }

    Best regards,
    Yigit

    #614474

    That would be perfect but the entire site uses the mobile menu at all sizes so if I add that in it will disappear. Thoughts? :)

    #614475

    Hey!

    This will change its opacity to zero when mobile menu is opened and change opacity back 1 once it is closed. Does not it sound like a dream? :)

    Regards,
    Yigit

    #615048

    A dream, indeed!!!!! Works like a charm – thanks so much! :)

    #615055

    Hey!

    You are welcome :) Enjoy your weekend!

    Best regards,
    Yigit

Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Style close button for mobile menu’ is closed to new replies.