Recent
Categories
View Replies (7)

Icons Module Pixeden not showing icons in submenu

  1. Issue
0
Votes
Undo
  1. put.dirk@icloud.com
    put.dirk@icloud.com
  3. Commercial Templates
  4. Thursday, 11 February 2021
  5.  Subscribe via email
Dear
I was willing to use the Pixeden icons in de menu and submenu. In your icons module you mention that the font awesome can only be used for icons in the front of a menu title. So in order to use the Pixeden icons I have adapted the header like this:

<link rel="stylesheet" href="images/pe-icon-7-stroke/css/pe-icon-7-stroke.css">

<!-- Optional - Adds useful class to manipulate icon font display -->
<link rel="stylesheet" href="images/pe-icon-7-stroke/css/helper.css">

The icons are shown in the menu top layer. But not in the submenu.
Can you please help us what needs to be done in order te use the pixeden icons in the submenu?

Thanks in advance.

Kind regards

Dirk Put
Attachments (3)
Screenshot 2021-02-11 at 13.48.50.png Screenshot 2021-02-11 at 13.48.50.png
Screenshot 2021-02-11 at 13.50.00.png Screenshot 2021-02-11 at 13.50.00.png
Screenshot 2021-02-11 at 13.49.52.png Screenshot 2021-02-11 at 13.49.52.png
Responses (7)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Would you have a URL to an example of this issue?

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 1
put.dirk@icloud.com
put.dirk@icloud.com
Accepted Answer Pending Moderation
0
Votes
Undo
Dear,
The URL is http://www.sji-basisschool.be
Then click on "Onze School" The first 2 parts of the submenu have another icon set.
The first entry from "Onze School" meaning "visie" has the same icon set as in the main menu "Onze school".
This icon is called "pe-7s-study". I am using a safari browser. Attached you can see that it show a strange square item.
Hopefully this helps.
Kind regards
Dirk Put
Attachments (1)
Screenshot 2021-02-18 at 19.50.00.png Screenshot 2021-02-18 at 19.50.00.png
  1. more than a month ago
  2. Commercial Templates
  3. # 2
put.dirk@icloud.com
put.dirk@icloud.com
Accepted Answer Pending Moderation
0
Votes
Undo
Dear,
This is happening on a macbook and tested with the browser safari, opera, firefox and chrome.
But strangely enough it is showing correctly on my iphone when using safari, firefox, opera, chrome.
Now I have also noticed that when I reduce the window size on my macbook, to simulate a smaller device it is showing correctly.
So I think it is because then it is using a different css file? Am I correct in my way of thinking?
Kind regards
Dirk Put
  1. more than a month ago
  2. Commercial Templates
  3. # 3
put.dirk@icloud.com
put.dirk@icloud.com
Accepted Answer Pending Moderation
0
Votes
Undo
Dear,
Hereby included a view from my reduced window on mac.
See attached file.
Kind regards
Dirk Put
Attachments (1)
Screenshot 2021-02-18 at 19.58.37.png Screenshot 2021-02-18 at 19.58.37.png
  1. more than a month ago
  2. Commercial Templates
  3. # 4
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Dirk Put

To amend try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

[class^="pe-7s-"], [class*=" pe-7s-"] {

    font-family: 'Pe-icon-7-stroke' !important;

}


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 5
put.dirk@icloud.com
put.dirk@icloud.com
Accepted Answer Pending Moderation
0
Votes
Undo
Dear
Thank you for the feedback. I will try this tomorrow as I am back at work then. Kind regards
Dirk
  1. more than a month ago
  2. Commercial Templates
  3. # 6
put.dirk@icloud.com
put.dirk@icloud.com
Accepted Answer Pending Moderation
0
Votes
Undo
Dear,

Thank you very much for this update. I have tested it and it is working fine.
Kind regards

Dirk Put
  1. more than a month ago
  2. Commercial Templates
  3. # 7
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!