Add utf 8 alt and hex or decimal characters to menu

silvagroup
Topic Author
Offline
Senior Member

5 years 4 months ago #54584 by silvagroup

Replied by silvagroup on topic Add utf 8 alt and hex or decimal characters to menu

Ced I am sorry for the poor explanation essentially what I am looking for is the ability to do something similar to this, specifically using a symbol such as ∇ in the menu text as in the examples below

<!DOCTYPE html>
<html>
<title>W3.CSS</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href=" www.w3schools.com/w3css/4/w3.css ">
<body>

<div class="w3-bar w3-black">
<a href="#" class="w3-bar-item w3-button">Home</a>
<a href="#" class="w3-bar-item w3-button">Link 1 ∇</a>
<a href="#" class="w3-bar-item w3-button">Link 2 ∇</a>
<a href="#" class="w3-bar-item w3-button">Link 3 ∇</a>
</div>

</body>
</html>

I hope this is a better explanation.
Again thank you ..

Please Log in or Create an account to join the conversation.

ced1870
Offline
Administrator

5 years 4 months ago #54585 by ced1870

Replied by ced1870 on topic Add utf 8 alt and hex or decimal characters to menu

ok, I have understood your initial request

please give me the url of your page so that I can check

Joomlack Webmaster and Developer

Please Log in or Create an account to join the conversation.

silvagroup
Topic Author
Offline
Senior Member

5 years 4 months ago #54596 by silvagroup

Replied by silvagroup on topic Add utf 8 alt and hex or decimal characters to menu

Thank you
It is cco.oakdalecalvary.org

Please Log in or Create an account to join the conversation.

ced1870
Offline
Administrator

5 years 4 months ago #54597 by ced1870

Replied by ced1870 on topic Add utf 8 alt and hex or decimal characters to menu

please add this custom css and tell me if this works

Code:

.mobilemenuck-togglericon {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: red;
    cursor: pointer;
}

Joomlack Webmaster and Developer

Please Log in or Create an account to join the conversation.

silvagroup
Topic Author
Offline
Senior Member

5 years 4 months ago - 5 years 4 months ago #54601 by silvagroup

Replied by silvagroup on topic Add utf 8 alt and hex or decimal characters to menu

Ced that works just changed background to transparent, however I have already run into another issue.
The new problem is that with longer menu titles the arrow needs to be adjusted to the left, making the distance greater from the shorter menu titles the idea with the arrow is to make it be right next to the menu title.
So how can I then edit the menu title text to include in it the ∇ symbol code right after the title text itself as in this;

<!DOCTYPE html>
<html>
<title>W3.CSS</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href=" www.w3schools.com/w3css/4/w3.css ">
<body>

<div class="w3-bar w3-black">
<a href="#" class="w3-bar-item w3-button">Home</a>
<a href="#" class="w3-bar-item w3-button">Longer Link 1 ∇</a>
<a href="#" class="w3-bar-item w3-button">Link 2 ∇</a>
<a href="#" class="w3-bar-item w3-button">Test Link 3 ∇</a>
</div>

</body>
</html>

As always thank you very much.

Last edit: 5 years 4 months ago by silvagroup.

Please Log in or Create an account to join the conversation.

Time to create page: 0.233 seconds