Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 29, 2015 at 3:24 am #387520
    erron

    How would i go about changing the scroll down arrow and the menu icon on mobiles to a custom icon/image?

    • This topic was modified 9 years, 10 months ago by erron.
    January 29, 2015 at 6:11 pm #387849
    Elliott

    Hi erron!

    Add this to your custom CSS.

    .scroll-down-link { background: url("URL to your image") !important; }
.scroll-down-link:before {
  content: "" !important;
}

    And this for the menu button.

    #advanced_menu_toggle:before {
  content: "" !important;
}
#advanced_menu_toggle { background: url("URL to your image") !important; }

    Best regards,
    Elliott

    February 3, 2015 at 10:10 am #389923
    erron

    Sorry for delay, finally tested the down arrow and its coming through looping the image, how can i either reduce the box area or stop it looping?

    • This reply was modified 9 years, 9 months ago by erron.
    February 3, 2015 at 4:08 pm #390148
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    .scroll-down-link { background-repeat: no-repeat; }

    Regards,
    Yigit

    February 3, 2015 at 11:37 pm #390451
    erron

    That did the trick thankyou. One more question, how do i get this down arrow to appear on every page section and not just the first one?

    February 4, 2015 at 10:24 am #390615
    Yigit

    Hey!

    Please add a Code Block element to the bottom of your Color Section element and add this code into it – http://pastebin.com/K6GScr3q and change HREF to anchor of your following section – http://kriesi.at/documentation/enfold/add-anchors-to-your-page-for-single-page-navigation/

    Regards,
    Yigit

    February 7, 2015 at 12:19 am #392353
    erron

    hi guys, with the mobile menu icon, the css worked but the image is too large. i tried reducing the image size but it made no difference as if it has a hard coded size somewhere. how do i just change?

    February 9, 2015 at 11:09 am #392934
    Ismael

    Hi!

    Replace the mobile menu modification with this:

    #advanced_menu_toggle {
background: url("http://www.centina.com.au/test/wp-includes/images/mobmenu.png") no-repeat center center !important;
}

    Best regards,
    Ismael

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.