9 replies · opened Dec 2, 2020
hello semicolon
for sure this is a user-error, but I don't see the difference to the original code e.g. index-corporate.html
my dropdowns word only for the 1st dropdown
the 2nd and 3rd level just stack over the 1sr one
please see images attached or check the dev page directly
rgds
guido
sorry hit create to quick
as you can see in the mobile menu screenshot, there it workz perfectly
thx for your help
guido
Hello,
Thanks for reporting this!
Please find the following code in the demos/writer/writer.css File:
[ch_pre].sub-menu-container:not(.mega-menu-column) {
width: 260px;
padding: 16px;
border: 1px solid #EEE !important;
border-radius: 0 0 3px 3px;
left: -20px;
}[/ch_pre]
and paste the following code just after the block above:
[ch_pre].sub-menu-container:not(.mega-menu-column) .sub-menu-container {
left: 100%;
}[/ch_pre]
This should definitely fix the issue. Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
hi semicolon
I have implemented this on the site
workz ... partly
check the main menu item 'Bücher' (3rd from left in the header)
here it workz
check the main menu item 'Kontakt' (1st from right in the header)
here it doesn't
rgds
guido
Hello,
This is due to the Custom CSS Code added in the css/custom.css File. Find the following code:
[ch_pre].sub-menu-container.menu-pos-invert:not(.mega-menu-column) {
left: auto;
right: -20px;
}[/ch_pre]
and add the following code just after the above inside the 992px media query:
[ch_pre].sub-menu-container .sub-menu-container.menu-pos-invert {
right: 100%;
}[/ch_pre]
This should work fine now. Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
.sub-menu-container.menu-pos-invert:not(.mega-menu-column) {
left: auto;
right: -20px;
}
you proposed this for when there is not enough space in the browser to the right ;-)
I inserted the code
.sub-menu-container .sub-menu-container.menu-pos-invert {
right: 100%;
}
as suggested, and now it workz ... in general
is it possible, that if the 2nd menu flys out right to adapt this for all submenus
it is not so nice that
level 2 drops down
level 3 than flys out left
level 4 then flys out right again over level 2
IMHO if level 3 flys out left due to not enough space
than all levels should continue to fly out left
sorry to be a pest :-(
rgds
guido
Hello,
Apologies for the Delays over the past 2 days. We have been experiencing some outages and issues on our servers which we are working on fixing.
We have checked out the Demos and it does appear to be working as expected. The Sub Menus are only inverted if they are going out of the Window, as by Default, the Sub Menus open only on the Right of the Parent Menus. If you would like to change this consider using the following code:
[ch_pre].sub-menu-container.menu-pos-invert .sub-menu-container {
left: auto;
right: 100%;
}[/ch_pre]
This should work as you are expecting it to work. Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
PS. Please delete this code from our earlier provided solutions:
[ch_pre].sub-menu-container .sub-menu-container.menu-pos-invert {
right: 100%;
}[/ch_pre]
cool, thx Had to alter it a little bit
the actual working code is now
@media (min-width: 992px) {
.sub-menu-container.menu-pos-invert:not(.mega-menu-column) {
left: auto;
}
.sub-menu-container.menu-pos-invert .sub-menu-container {
left: auto;
right: 100%;
}
.sub-menu-container.menu-pos-invert .sub-menu-container.menu-pos-invert .sub-menu-container {
left: auto;
right: 100%;
}
}
and this workz perfect for me, thread solved !
rgds
guido
Hello,
Glad the issues were resolved!
This is a Little Shorter:
[ch_pre]@media (min-width: 992px) {
.sub-menu-container.menu-pos-invert:not(.mega-menu-column) {
left: auto;
}
.sub-menu-container.menu-pos-invert .sub-menu-container,
.sub-menu-container.menu-pos-invert .sub-menu-container.menu-pos-invert .sub-menu-container {
left: auto;
right: 100%;
}
}[/ch_pre]
Let us know if we can help you with anything else or if you find any further issues.
sure, thx
will have to clean up and group same styles at the end anyway
rgds
guido
Have the same question, or something new?
Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.
Reply on the dashboard