COMMUNITY FORUM

Please note that official support for commercial extensions & templates is provided in the Subscriber Help Desk.
Support requests should ONLY be directed there and require an active subscription plan.
This forum board is to be used for archive purposes and knowledge exchange ONLY.

Menu heading

Start
Prev
1
Next
End

Manuel Casamayor
Topic Author
Offline
New Member

10 years 4 months ago #137400 by Manuel Casamayor

Menu heading was created by Manuel Casamayor

Hi
I put in the main menu a 'menu heading "item type, it works correctly, but do not want on click action is allowed because redirects users to the home.
I also tested with a separator but the color is black and not seen the texts.
How do you fix it?

Regards

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

Krikor Boghossian
Offline
Platinum Member

10 years 4 months ago #137401 by Krikor Boghossian

Replied by Krikor Boghossian on topic Menu heading

Hello Manuel,

Can you send me a link so I can assist you?

JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

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

Manuel Casamayor
Topic Author
Offline
New Member

10 years 4 months ago #137402 by Manuel Casamayor

Replied by Manuel Casamayor on topic Menu heading

Hello Krikor

I can not post a link because now the web is on localhost.

I send two images with the problem. Waiting for your answer, there are two solutions:
1 - Change the color of the separator.
2 - Eliminate the link on menu heading

regards

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

Krikor Boghossian
Offline
Platinum Member

10 years 4 months ago #137403 by Krikor Boghossian

Replied by Krikor Boghossian on topic Menu heading

/* general separator styling */
nav.mainNavigation ul.menu li .separator { color:#fff; display:inline-block; padding:24px 20px; }
nav.mainNavigation ul.menu li.parent .separator:after {font-family:fontello;content: "\e75c"; padding-left:10px;}

		/* first level separator */
    nav.mainNavigation ul.menu > li > .separator,
    nav.mainNavigation ul.menu > li:hover > .separator { color:#f3eb01; }
    
    /* second level separator */
    nav.mainNavigation ul.menu ul li .separator { display: block; padding:10px 20px; background:#2e2e2e;}        
    nav.mainNavigation ul.menu ul li .separator:hover,
    nav.mainNavigation ul.menu ul li:hover .separator, 
    nav.mainNavigation ul.menu ul li.active .separator { background:#000; color:#f3eb01; }       
    nav.mainNavigation ul.menu li.parent ul li .separator:after {content: " ";}
    nav.mainNavigation ul.menu li.parent ul li.parent .separator:after {content: "\e75e"; padding-left:0;float:right;}

This allows the two top level separator items to behave like links (in terms of styling only),

I put in the main menu a 'menu heading "item type

I am not sure what you mean by menu heading. Is it the page title? The page title in this template does not have a link.
I cannot see in the "Entidades Asociadas" page where a page title is present a link.

JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

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

Manuel Casamayor
Topic Author
Offline
New Member

10 years 4 months ago #137404 by Manuel Casamayor

Replied by Manuel Casamayor on topic Menu heading

Hi Krikor
How I can send you a private link with login details?

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

Krikor Boghossian
Offline
Platinum Member

10 years 4 months ago #137405 by Krikor Boghossian

Replied by Krikor Boghossian on topic Menu heading

Feel free to use our chat system at any give time for credentials.

If we are offline we will receive an email.

JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

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

Krikor Boghossian
Offline
Platinum Member

10 years 4 months ago #137406 by Krikor Boghossian

Replied by Krikor Boghossian on topic Menu heading

/* general separator styling */
nav.mainNavigation ul.menu li .separator { color:#fff; display:inline-block; padding:24px 20px; margin: 0; background: none; }
nav.mainNavigation ul.menu li.parent .separator:after {font-family:fontello;content: "\e75c"; padding-left:10px;}
 
/* first level separator */
    nav.mainNavigation ul.menu > li > .separator:hover,
    nav.mainNavigation ul.menu > li:hover > .separator { color:#f3eb01; }
    
    /* second level separator */
    nav.mainNavigation ul.menu ul li .separator { display: block; padding:10px 20px; background:#2e2e2e;}        
    nav.mainNavigation ul.menu ul li .separator:hover,
    nav.mainNavigation ul.menu ul li:hover .separator, 
    nav.mainNavigation ul.menu ul li.active .separator { background:#000; color:#f3eb01; }       
    nav.mainNavigation ul.menu li.parent ul li .separator:after {content: " ";}
    nav.mainNavigation ul.menu li.parent ul li.parent .separator:after {content: "\e75e"; padding-left:0;float:right;}

Made some small edits so this is the final piece of code you need.

JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

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

Start
Prev
1
Next
End