Recent
Categories
View Replies (26)

Colette Menu Not Splitting

0
Votes
Undo
  1. Glen
    Glen
  2. Sherlock Holmes
  3. Commercial Templates
  4. Thursday, 12 October 2023
  5.  Subscribe via email
UPDATE: The only two issues remaining are at the very bottom. PLEASE. I need these addressed. The menu is splitting fine now, but I have two other issues that were started in this thread. I can't get this site published until the drop downs show in hornav and there is a mobile menu.


_________________________________________________




I have split the previous post to close the old one off, and so this issue is under it's proper heading. You can abandon post "Colette not displaying on front end".

The menu splitting issue - copied and pasted below, with a new comment added.

Hi Glen

The styling for all menus, with the exception of the hornav menu either side of the logo, is in a vertical list. Considering the number of items in your menu and I assume you would like to hide child levels behind a dropdown, may I suggest using a module extension like... https://extensions.joomla.org/extension/structure-a-navigation/menu-systems/maxi-menu-ck/

Ciaran



NEW

http://zenonpark.com/ZenonStage/index.php/en/

Thank you for the menu tip but for language switching I think the maxi-menu will be problematic. I've elected not to use it at this point but sticking to the hornav position which I finally have working.

I have three menus MainMenuEnglish, MainMenuFrench and Main Menu. For now I am using 'main menu' in the hornav position in order for something to display there. The other two will not.

However, the menu is not splitting but is overlapping the logo, and the submenu items are partially hidden behind the banner image. See: http://zenonpark.com/ZenonStage/index.php/en/

Also, how do I set the MainMenuEnglish as default Home. The Main Menu shows the little house icon (default home) and I can't get the default to switch to MainMenuEnglish. Perhaps I don't need this 3rd menu as the 'Main Menu' is also English but I need to switch between English and French and it is not doing so. English is default, but the menu is not switching to French with the switcher. Instead the menu is blank.

Thank you
Glen
Responses (26)
Glen
Glen
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Switching to French shows no menu. Thank you so much for correcting the english one for the drop down, and for the mobile menu.

Update. I set up menu assignment and they the menu is showing now. All is well.
Thank you
  1. more than a month ago
  2. Commercial Templates
  3. # 1
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Glen

It looks like jQuery is not been loaded on your site. To amend, could you try using jQUery Easy which will extend control over the loading of jQUery.

https://extensions.joomla.org/extension/jquery-easy/

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Glen
Glen
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
I have loaded jQuery Easy and activated it. No change with the menu so far. What needs to be done?
The list of sub menu items are hiding behind the banner image. Only the first item shows.

G
  1. more than a month ago
  2. Commercial Templates
  3. # 3
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Glen

May I suggest sending temporary administration access to your Joomla installation to info@joomla51.com and we will examine this issue further. For our reference please paste a link to this post in your email.

Cairan
  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
I realise we have these details with another post. Looking into the issue now.

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 5
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you Glen

Installing the latest download of the template appears to have resolved this issue.

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 6
Glen
Glen
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you.
1) However, in template styling for menu I temporarily clicked
Convert to Module Position (hornav)
to see what that would do. It didn't display a dropdown, just a menu block with one item listed below the other.
So I switched that setting back off.
Now the dropdown submenu items are appearing behind the banner again. And it is not fixed like you left it.

2) The language switcher isn't switching the top menu to french. Can you advise?
3) The bottom modules are not showing - either base 1a, b or c, or bottom 1a b or c. (#3 Now corrected, but not the menu - see post below)
4) Is there a way to get the modules Top1a, b and c the same height. Max height is not working and padding doesn't appear correctly on other screen sizes. (I need a white background for them to hide the image backgrounds. I left the container a light green to show their variances. )

G
  1. more than a month ago
  2. Commercial Templates
  3. # 7
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Glen

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

2. Try creating a module style for French where you select your French menu and assign the style to French.

3. Ensure to set Advanced -> Module Style to mod_standard in your module settings.

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

.top-2 .module {

    min-height: 296px;

}


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 8
Glen
Glen
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Please see:
http://zenonpark.com/ZenonStage/index.php/en/features/community-page

#4 Thank you that css worked.
#3 This did not work. They still do not show. Also the bottom menu isn't showing.
#2 RE: "Try creating a module style for French where you select your French menu and assign the style to French."
I guess I need a prompt or two on how to set a 'module style'
  1. more than a month ago
  2. Commercial Templates
  3. # 9
Glen
Glen
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
You can see the modules with their images at the bottom of the J3 site.
http://zenonpark.com/index.php/en/

These should be displaying at the bottom of the staging J4 sites, and they were there prior to the template reload.

Update on this issue
Resolved this by clicking convert to module position - No
They appear now. See setting screen capture
But the menu does not show up correctly at the bottom
Attachments (1)
Footer.JPG Footer.JPG
  1. more than a month ago
  2. Commercial Templates
  3. # 10
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Glen

2. May I suggest the following article on creating multiple template styles.. https://joomla51.com/tutorials/joomla-basics/creating-multiple-template-styles

3. Have you checked your module menu item assignment? Do these modules display in other module positions?

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 11
Glen
Glen
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
I tried the french menu for Top 1a and it did not display. What could that mean?

Update:
Got it to display in hornav. See below
  1. more than a month ago
  2. Commercial Templates
  3. # 12
Glen
Glen
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
When I go back and set the template for convert to hornav menu Yes
Then the language switcher works. (Both French and English are set up for hornav)

The French displays properly now, but I had to unpublish the French Mobile Menu otherwise is was duplicated

The English displays properly now as well (took some fiddling). Also had to unpublish the English mobile Menu - UPDATE: Set Module \ Advance\ Layout - Default and now it displays correctly.

Both however have the submenu items hidden behind the banner. So this is the fix I now need
And please advise on how I should publish the mobile menus without it duplicating on the hornav for the Module Menus

Note:

If I turn this back off, ie convert to hornav menu No, the MAIN menu displays there, but the switcher doesn't work.

When I compare this to how I have things set up in the J3 version of the site, the MAIN menu only has one item in it and that is Home, set to default, language ALL. The English and French menus are both set to hornav. Main Menu unpublished, but also unpublished in the J4 version. Apparently it's supposed to be that way.
  1. more than a month ago
  2. Commercial Templates
  3. # 13
Glen
Glen
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
To put the TWO remaining question here in one spot

1. Putting the mobile menu in another position displays as a block list instead of a drop down.

With the 2 mobile menus active (for each language) in the hornav position, it breaks the split for the English and French module menus, and duplicates the menus in that position. So currently the staging site has no mobile menu because I have them deactivated.

This wasn't a problem that occurred in J3, as all 4 menus are in the hornav position.

2. The submenu (hornav) items are hidden behind the banner, only the top 1 or 2 are showing. When you reloaded the template for me earlier this was not the case. It didn't happen again until I clicked under general to Convert to Module Position (hornav)

#3 is resolved after some fiddling, but you should know that using the module style border-frame causes the links in that module to not work.

G
  1. more than a month ago
  2. Commercial Templates
  3. # 14
Glen
Glen
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
I really need a reply on this. See above.
Site: http://zenonpark.com/zenonStage/

Thanks
  1. more than a month ago
  2. Commercial Templates
  3. # 15
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

I have created a template style for each of your languages and your issues appear to be resolved. I have disabled the separate menu modules for mobile as these are not required.

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 16
Glen
Glen
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Re:
I have created a template style for each of your languages and your issues appear to be resolved. I have disabled the separate menu modules for mobile as these are not required.


I just noticed that in the french view for this site there is no hamburger menu at 1024px screen resolution, and no language bar at anything below 800 px. for either French or English
https://www.zenonpark.com/index.php/fr/

Also, you set up for me the 2nds template style, and I'm wondering how do I save that from disappearing if I should need to update the template in the future.
  1. more than a month ago
  2. Commercial Templates
  3. # 17
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

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

.slideout-toggle .fa-bars::before {

    color: #000 !important;

}


THe contents of your CSS field will not be affected by a template update.

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 18
Glen
Glen
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Code works thank you. Regarding the template, see attached. It's not just the css, you set up a french template for me, so I don't know if it will disappear if there is an update.

Glen
Attachments (1)
FrenchTemplate.JPG FrenchTemplate.JPG
  1. more than a month ago
  2. Commercial Templates
  3. # 19
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Glen

Your template styles and their settings will remain. Updating your template will only update the template files and not affect any settings stored in your database.

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 20
  • Page :
  • 1
  • 2


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

Site Links

Recommended

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters the trademark holder in the United States and other countries.

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.

Ok