Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #2330856
Menu Icons
Closed

Comments

  • humananimal started the conversation
    March 18, 2020 at 10:19am

    Hi Cool Support!

    Quick question please...


    Those bottom arrows, next to menu items, on an RTL set theme, should they move automatically to the other side (so they are to the left of the text)?


    My theme is RTL now but they're still on right... Is there a way to change it via settings that I have missed maybe?


    THANK YOU :)

  •  2,699
    PenciDesign replied
    March 18, 2020 at 1:35pm

    Hi,

    Please try add more this code to Customize > Custom CSS to do that:

    body.rtl #navigation ul.menu > li.menu-item-has-children > a:after, 
body.rtl #navigation .menu > ul > li.menu-item-has-children > a:after,
body.rtl #navigation ul.menu > li.penci-mega-menu > a:after, 
body.rtl #navigation .menu>ul>li.penci-mega-menu>a:after{
    float: left;
    margin: 0 5px 0 0;
}

    Best Regards,

    PenciDesign

  • mnarine replied
    May 21, 2020 at 11:10pm

    Can you provide custom CSS to hide that arrow altogether, pls?

  •  2,699
    PenciDesign replied
    May 22, 2020 at 3:20am

    Hi,

    Please try add more this code to Customize > Custom CSS to do that:

    body.rtl #navigation ul.menu > li.menu-item-has-children > a:after, 
body.rtl #navigation .menu > ul > li.menu-item-has-children > a:after,
body.rtl #navigation ul.menu > li.penci-mega-menu > a:after, 
body.rtl #navigation .menu>ul>li.penci-mega-menu>a:after{
    content: none;
    display: none;
}

    Best Regards,

    PenciDesign

  • mnarine replied
    May 22, 2020 at 3:37am

    Unfortunately that didn't seem to work. I just copy and paste in the custom CSS section right? I did that but still displays. any other recommendations?

  •  2,699
    PenciDesign replied
    May 22, 2020 at 3:14pm

    Hi,

    Please try again with this code:

    #navigation ul.menu > li.menu-item-has-children > a:after, 
#navigation .menu > ul > li.menu-item-has-children > a:after, 
#navigation ul.menu > li.penci-mega-menu > a:after, 
#navigation .menu > ul > li.penci-mega-menu > a:after{ content: none; display: none; }


    Best Regards,

    PenciDesign

  • mnarine replied
    May 22, 2020 at 4:30pm

    that worked perfectly.