Okay
  Public Ticket #1120420
Mobile menu tap/full Link not just the arrow
Closed

Comments

  • Jeremy started the conversation
    April 1, 2017 at 8:11am

    I've spent some time searching around for this but have come up short.

    Is there a way to change the icon-angle-down to something else, or make it larger?

    Also, is there a way to make that entire row/link work with a tap? not just the arrow?


  •  9,333
    Tahir replied
    April 1, 2017 at 2:41pm

    Hey,

    Please provide the page url so that i can write up the custom css for whats possible.

    Thanks

     Salient Support Team |  Say Hello!

  •   Jeremy replied privately
  •  9,333
    Tahir replied
    April 3, 2017 at 5:35pm

    Hey Again,
    Hope you had a Great Weekend,

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    #mobile-menu ul li a .sf-sub-indicator i.icon-angle-down {
    float: right;
    top: 8px;
    font-size: 18px !important;
}
@media only screen and (max-width: 1000px) and (min-width: 1px) {
    a > .sf-sub-indicator {
        width:100%;
    }
}

    Thanks

     Salient Support Team |  Say Hello!

  • Jeremy replied
    April 3, 2017 at 7:49pm

    Thank you. 


    And for those who may be searching for this same question, here was his answer to my particular site. Things may vary based on your layout. 

    #mobile-menu ul li a .sf-sub-indicator i.icon-angle-down {
    float: right;
    top: 8px;
    font-size: 18px !important;
}
@media only screen and (max-width: 1000px) and (min-width: 1px) {
    a > .sf-sub-indicator {
        width:100%;
    }
}