Support Forums

Support Online : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Bootstrap menu not in place

Featured Lock Resolved Bug
Hi,

I don'kow why, but ma bootstrap menu in not in place... It is too low and suddenly on my homepage, it does not work... see screenshot in attachement and links :
https://www.hotel-archange.com
https://www.hotel-archange.com/gagnez-plus.html

Attachments (2)

  • Gagnez plus sur votre réservation à l hôtel Archange.png
    Gagnez plus sur votre réservation à l hôtel Archange.png 248 KB
  • Visitez l hôtel Archange.png
    Visitez l hôtel Archange.png 800.6 KB

58 Answers

Paul Frankowski - Staff

More than a month ago #Permalink
Tip for all other users


@media (min-width: 980px) {

.sp-megamenu-parent > li.sp-has-child.showbelow > a::after
{display:none; content:'';}

.showbelow .sp-dropdown.sp-dropdown-main {
width: 860px !important;
left: -45px !important;
}

.sp-megamenu-parent .showbelow .sp-dropdown {display: block;}
.sp-megamenu-parent .showbelow .sp-dropdown li.sp-menu-item {
display: inline-block;}

.sp-megamenu-parent .showbelow .sp-dropdown li.sp-menu-item > a:hover {
background: #90908E;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item span {
padding: 5px 10px;}

}


and class name "showbelow" inside main menu item.
It's strange because on tablet resolution it works.... see screenshot in attachment
OUPS ! the secreenshot

Attachments (1)

  • Visitez l hôtel Archange.jpg
    Visitez l hôtel Archange.jpg 303 KB
and bootstrap menu is in place on tablet resoltion, but don't works on homepage...
Please Up !

Paul Frankowski - Staff

More than a month ago #Permalink
Hi Stephane,

First, very good job, really good design.
---

It should be easy to solve.
From Helix3 Layout Tab > for both LOGO and MENU column > Mobile Layout > Set : col-xs-6

col-xs-6.png

Attachments (1)

  • col-xs-6.png
    col-xs-6.png 10.2 KB

Paul Frankowski - Staff

More than a month ago #Permalink
You can set also col-xs-4 for LOGO
and
col-xs-8 for MENU


I am 99% sure that it should solve mobile view. Let me know after
Hi Paul,
Thanks a lot for your compliment !
I test it with first proposition and it's good fot the emplacement layout ! In fact, it was simple !
BUT the menu don't works now !
If I give you acces, can you take a look for me ?

Paul Frankowski - Staff

More than a month ago #Permalink
sure, send me URL + access via PM

probably it's something small.
Precisely it does not work on my homepage which is a copy of helix3...
For information, I contacted yesterday a developer subscription under the name of Archange Consulting and I changed the license in the settings of my SP Buider among others. The next ticket about my demonstration site wull be with this account...
OK I did it.
Thanks a lot in advance...

Paul Frankowski - Staff

More than a month ago #Permalink
Precisely it does not work on my homepage which is a copy of helix3...


but on all other sub-pages is menu is click-able?
I don't undestand why because nobody touch the website except a developper of Solidres, the bookink mangement system component...
I think that he know what he do !
Hi Paul,
could you take a look ?
Best regard...

Paul Frankowski - Staff

More than a month ago #Permalink
Yes, I just came to office - thanks for PM
OK Paul ! Thanks a lot... Good works !

Paul Frankowski - Staff

More than a month ago #Permalink
Check MOBILE [=] MENU now. And let me know. Refresh mobile browser 3x
---
I installed plugin "System - Mootools Enabler/Disabler" and disabled Mootools
probably they are loaded from Solidres, but what for, I don't have idea.
Ask Solidres - they should confirm. Anyway Mootools are in joomla in legacy mode only, they cause only problems. They will be removed in Joomla 4.0

Attachments (1)

  • menu-mob.png
    menu-mob.png 18.1 KB
OK Paul I'll test it and come back to ypu
Thanks a lot Paul ! It's OK, but
on destop menu I've some submenus og Visitez menu...
And there submenus aren't in mobile menu ???
Do you konw why ?
Iit possible to display some submenus only on @media, Paul ?

Paul Frankowski - Staff

More than a month ago #Permalink
But it's not our fault that you do not have any submenu items there in Main Menu used on mobile.
Our Mega Menu can read / display only those. Maybe add links there, but HIDE from desktop view. I think it's the only way without extra customizations or magic tricks.
no-sub-menu.png

Attachments (1)

  • no-sub-menu.png
    no-sub-menu.png 13 KB
Yes Paul, I undestand, but if i put some submenu in home menu, it will be in conflit with dropline menu ?
So how display dropline menu in mobile menu ?

Paul Frankowski - Staff

More than a month ago #Permalink
Maybe instead asking,,, check our demo site of HELIX3 on mobile view.
You will see how it works.


http://demo.joomshaper.com/?template=helix3

Paul Frankowski - Staff

More than a month ago #Permalink
then by using custom css, you can easy hide submenu items on desktop view. I mean from Main Menu.

Paul Frankowski - Staff

More than a month ago #Permalink
EXTRA CSS which I mentioned

Menu Manager > MainMenu > "Visitez " > Helix MegaMenu > Add Custom Class : hidebelow

remember to put single space before name

2) Then use custom CSS:

.hidebelow .sp-dropdown.sp-dropdown-main,
.sp-megamenu-parent > li.hidebelow > a::after { display: none !important; }
YES ! Thanks a lot Paul for your patience !
Best regards...
I'll put your soluce and go back to a feedback
Ok but When I do that my dropline menu don't display !
I tried your solution, but there is a problem, I have both menu that is learning about the desktop version and not the mobile version.
So I copied the submenu dropline menu with the same name and different aliases, and copies I put it in submenu "Visit". The submenus are therefore learning in the mobile version. Each submenu copied into the desktop version, I put the class with the space in front of hidebelow.
And there it is ok for the mobile menu.
But for the desktop menu, I have this: see capture

Attachments (1)

  • Les salons de l hôtel Archange.jpg
    Les salons de l hôtel Archange.jpg 619.7 KB

Paul Frankowski - Staff

More than a month ago #Permalink
in means that you need more custom CSS solution, my was basic for typical use.
Sorry, but we went into path of customization which is beyond typical support.
Please, it's simple for you who know your template at your fingertips ...
Do not leave me like that !!

Paul Frankowski - Staff

More than a month ago #Permalink
Okay I will try...
But you will be own me a bottle of wine. :p

Paul Frankowski - Staff

More than a month ago #Permalink
Ok, I am very close... I need 15min more
Ok Your're marvelous...
I see your progressive work ! Super...
At the end you'll win a bottle of french wine, so give me your adress in PM...

Paul Frankowski - Staff

More than a month ago #Permalink
Is OKAY now?
done.png

Sorry It's now default style, but you can override it.
All my CSS changes are inside : custom.css file.

I renamed class name from "hidebelow" - to "showbelow" :p

Attachments (1)

  • done.png
    done.png 21.2 KB
Thanks a lot ! I ovveride to finish the detail ! OK, about the class name "showbelow".
Ok about the custom.css
Give me your adrss in PM...
Tanks again...

Paul Frankowski - Staff

More than a month ago #Permalink
LAST STEP for YOU
I didn't use Menu dropdown at all, so you can DELETE it, and EMPTY TRASH
and after all fix URL aliases for submenu items from "Visitez" and remove "-2" from them.


last-step.png

Attachments (1)

  • last-step.png
    last-step.png 11.6 KB

Paul Frankowski - Staff

More than a month ago #Permalink
I fixed header height after scroll down, because there were missing 9px

Now is perfect.
Paul,
You've wrote :
I didn't use Menu dropdown at all, so you can DELETE it, and EMPTY TRASH
But if I disable the menu dropdown, it dispaly in FO...
Please don't touch, because we're in démonstration all aftermoon, but if you can answer just is marvelous !
OK I undestant, you make a mistake : it's dropline menu and not dropdown you want to say...
In finish, two questions :
1- Is-it possible that submenu homepage (Les chambres > etc > Le garage) are fixed just hover the homemenu and dissapear in other page ?
2- Seripouly, give me your adress in PM to send you a bottle of french wine....

Paul Frankowski - Staff

More than a month ago #Permalink
OK I undestant, you make a mistake : it's dropline menu and not dropdown you want to say...

yes, indeed, after whole week to be alone on support, excuse me but I am tired.
Oh I undestand well !
.. so..
In finish, two questions :
1- Is-it possible that submenu homepage (Les chambres > etc > Le garage) are fixed just hover the homemenu and dissapear in other page ?
2- Seripouly, give me your adress in PM to send you a bottle of french wine....

Paul Frankowski - Staff

More than a month ago #Permalink
About 1.
You need "extra" 2nd menu only on Home page ?

q.png

Attachments (1)

  • q.png
    q.png 21.4 KB
What I would like exactly is that the sub-menu of the "Visit" menu is visibly that when we fly over the menu Visit and the first click on one of the submenu here is fixed, like a drop-down menu classic, but it remains after the first click on it.
It should also not remain on the other pages fixed as now ...
Thanks...
Do you prefeer red wine or white wine ?

Paul Frankowski - Staff

More than a month ago #Permalink
I can help you with first part, but second it request deeper code integration which is beyond me.
About 3th.. by extra class you can control on which subpage this menu appear. But if there would be 1 option, it doesn't matter because submenu will be hidden, right.
---

RED - is okay.

Paul Frankowski - Staff

More than a month ago #Permalink
About 1st, inside custom.css file find
.

.sp-megamenu-parent .showbelow .sp-dropdown {
display: block;
}


and just delete " display: block;" from it.
or even whole class block.
Thanks alot Paul...
I send your gift this day or tomorow later... It's my pleasure
Long life to Jooshaper !
Best regards.
Stpéhane.

Paul Frankowski - Staff

More than a month ago #Permalink
:D Thanks, Merci


There are no replies made for this post yet.
However, you are not allowed to reply to this post.

Leaderboard (30 days)

Sifat

Sifat

Total Accepted Answers: 117
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 91
Toufiq

Toufiq

Total Accepted Answers: 32
Al Mamun

Al Mamun

Total Accepted Answers: 3
J

johnny

Total Accepted Answers: 3

100+

Templates

200,000+

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us