Forum Replies Created
-
Posts
-
Hi Ismael,
the full width sub menu element can be found in the mobile (phone) viewports on the page “Qualität”:https://dk-dev.agnosco.net/qualitaet/
The icon I would like to use is this one:
<svg class=”genericons-neue genericons-neue-hierarchy” width=”16px” height=”16px”><use xmlns:xlink=”http://www.w3.org/1999/xlink” xlink:href=”genericons-neue.svg#hierarchy”></use></svg>
Thanks again!
SaschaHi Ismael,
The code you supplied only affects the styling of my Mega-Menu main navigation but left the element untouched that I am trying to style.
I am fine with the styling of my main navigation (MegaMenu plugin) and don’t want to change anything there.What I am trying to change is the styling on mobile devices for the Enfold-submenu element (I don’t know the English name for it it – it’s called “Untermenü volle Breite” in German…).
Thanks again!
SaschaHey Yigit,
I’m sorry – not quite sure what happened to that old password since it was plain wrong …
Please try again with this:Hey Ismael,
now it scales perfectly – thank you so much for your efforts!
The last thing I could not find a way to establish is the vertical alignment of the main slide title. I tried percentage values within the layer slider’s “sizing and position” field but these always seem to reference the original 16:9 ratio instead of the actual viewport height. This results in the title always sticking in the upper half of the screen on mobile/tablet devices. The whole main slide title should always have a vertical position right in the middle/center of the viewport.
Thanks again – I am really grateful for your excellent support!
SaschaHey,
I pasted in the code, disabled both available file compression options(CSS and JS compilation/compression) and hit save. Emptied the browser cache before refreshing but still nothing happening on my end… sorry to be such a pain …!Thanks,
SaschaHi Jordan,
thanks for looking into this.
Unfortunately it only changed the color of the title but the hovering still remains…Best,
SaschaHi Ismael,
thanks for the code. I pasted it into the Quick CSS like below but to no avail:#layerslider_9_1smp45qam2qxd, #layerslider_9_1smp45qam2qxd .ls-inner {
height: 100vh !important;
}
@media only screen and (max-width: 480px) and (orientation: portrait) {
#layerslider_9_1smp45qam2qxd, #ls-html5-1 {
height: 736px !important;
}}
@media only screen and (max-width: 768px) and (orientation: portrait) {
#layerslider_9_1smp45qam2qxd, #ls-html5-1 {
height: 1024px !important;
}}Am I getting something wrong?
By the way – does it make any difference wether I put the code into the Quick CSS of the theme or via the “Simple Custom CSS and JS”-plugin? Actually I am using both simultaneously…Thanks for your patience and support,
SaschaHi Yigit,
thanks for the code!
The titles are not clickable anymore but they still have a hover state. Could that be fixed/eliminated also?
Thanks again for your kind support,
SaschaWell, it actually did result in the video itself being upscaled but the layer-slider-container remains at 16:9 ratio.
Sorry – didn’t notice that at first!
Any chance to get the Layer Slider’s container to act accordingly (cover full viewport height)?
