Hi,
Please try this in Quick CSS:
.header_color .main_menu ul ul {background: #270f2a url(YOUR-IMAGE-PATH) no-repeat right top !important;}
.header_color .main_menu ul ul.sub-menu li a { background: transparent; }
.header_color .main_menu ul ul.sub-menu li a:hover { background-color:rgba(250,250,250,0.3)!important;}
Please replace YOUR-IMAGE-PATH with the correct image path.
Let us know if you need further help!
Best regards,
Sarah
Hey ManoLee,
Please refer to this thread for a possible solution or this.
If you need further assistance please let us know.
Best regards,
Victoria
Dear all,
Here a problem I cannot solve, seeking your help.
Settings :
A color-section(ID: #home-main), at top of a page, with :
– section layout: At least 100% of browser height
– section background:
– image
– attachment: parallax
– background image position: top right
– no repeat or stretch to fit (give same result)
We also use following CSS rule to horizontally position the image to our wish (overriding the setting “background image position: top right”)
#home-main .av-parallax-inner {
background-position: 65% !important;
}
result :
on desktop : ok
on mobile:
on android : ok
IPhone 6/7, Firefox for Mobile on Android : problem :
The background image is zoomed into, is vertically positionned at the bottom, and a big upper part is cut off.
Expected is : same positionning as on desktop or on Android, background image vertically positionned on top, showing 100% of height, not zoomed in. Ok not to have parallax effect on mobile.
The emulators I tried do not catch the problem. Use real devices to test.
Related topic, but answer there does not help : https://kriesi.at/support/topic/mobile-vs-pc-display/
A test page is available in private area
How to get it right ? Thanks !
Hi Camilla88,
Please remove the code I gave you before, and put this one instead:
@media only screen and (max-width: 450px) {
.responsive #top #wrap_all #after_section_1 .container {
width: 90%;
max-width: 95%;
}
#after_section_1 .template-page.content {
padding: 0 !important;
}
}
If you need further assistance please let us know.
Best regards,
Victoria
Hi, Rikard,
if you have no other solution to the issue, you can close the topic.
Currently I am trying to sort things with position:absolute. But it is far from ideal. Especially on mobile :)
Hi,
Ok, no problem. Let us know if you should need any further help on the topic, though we need to be able to reproduce it of course. My guess is that something local is causing that, exactly what it can be is difficult to say though.
Best regards,
Rikard
Hi,
Thanks for the feedback, we might add a layout like that in future. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
Hi,
Great, glad we could help. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
Hey,
I want to use the original size of an image in the gallery lighbox, cause the large – version is a bit blurry.
I have the same problem in multiple websites with many pictures, so defining “large” new and uploading the pictures again is not an option (I have read this solution in an other topic).
I would prefer a solution where you can define “full size Image” as the lighbox image in the functions.php or gallery.php in the child-theme.
I have tried this code in the functions.php:
add_filter( 'avf_avia_builder_masonry_lightbox_img_size', 'enfold_customization_change_popup_size' );
function enfold_customization_change_popup_size( $size ) {
return 'fullsize';
}
but it did not worked out.
Thanks, topic can be closed! I opened another threat regarding background images… :-)
You’re welcome!
Do you need anything else regarding this topic or can we close this thread? You can always a new one if you have questions! :)
Best regards,
Sarah
Hey spapax,
Thank you for using Enfold!
All Enfold elements are responsive and mobile-ready, so it is possible to use the same slider for both modes. Should you need to use a different slider for different devices, you can assign a class for your sliders, then hide one from mobile and the other from desktop, using media queries.
I hope that helps!
Best regards,
Sarah
Hi,
please advice about what is the best technique to use LayerSlider in desktop and mobile.
Is it possible to use the same slider for both modes? or is it better to use two different sliders for each mode?
Thank you in advance
Hi,
re Topic one:
I want to edit “Dein Kommentar” and to delete “want to join…” Feel free…”
Furthermore, the request for entering an email address is shown in order to comment. But I don´t want this and did the dashboard setting accordingly. Why / What to change?
re Topic 2 / my post of June 9, 2017 at 6:51 – hope the screenshot makes ist clear
2 screenshots for 1 & 2 pls see here:
https://www.dropbox.com/sh/y26rq8m41e6x6so/AADIgtmtF2LWZocpiABsr7nEa?dl=0
Thx a lot , Tilman
-
This reply was modified 8 years, 10 months ago by
oestersund.
Have you tried this solution (on same page here)?:
post of “ifthenllc” #730090
with comments of “janNS” #780063
-
This reply was modified 8 years, 10 months ago by
janNS.
Hi,
I would like to add the word ‘Menu’ next to the hamburger icon.
You explain how to do it here: https://kriesi.at/support/topic/mobile-menu-38/#post-811051.
My questions:
1) How can I make the word ‘Menu’ part of the hamburger link, so pressing on it will activate the menu?
2) How can I implement this also on mobile hamburger?
Tnx.
Hi,
Great, please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
Hi,
Great, glad we could help. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
Hi,
Great, glad you got it working. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
Thanks for the reply, however can you explain how that relates?
Is the code snippet I’m using correct, what functions file do I edit?
Is there a specific console error that’s stopping this from working?
Hi,
From my side you can close this topic – although I have a new issue – which might be related to the current one – at least a workaround could be possible with the solution provided here. But nevertheless lets see what the results will be for the new one. Up till than plz close this one.
thx
ronald
Hi,
Great, glad you got it working. Please let us know if you should need any further help on the topic or if we can close it.
Thanks @guenni007 for helping out :-)
Best regards,
Rikard
thank Sarah I’m still so confused sorry- so I deleted the homepage that you renamed and I could see how to stop the page preloading but when I click on my portfolio page for example- I have uploaded 4 different galleries and it doesn’t show that page anymore it just shows the home page. There is content on most of my pages in the backend but I can’t make it visible- does that make sense?
Hi,
Thanks for the login details. Please refer to the points listed here: http://kriesi.at/documentation/enfold/my-enfold-layout-builder-is-not-loading-properly/
Please note that replying to your own topic sends it to the back of our support queue.
Best regards,
Rikard
Hi,
Ok, thanks for the feedback. Let us know if you should need any further help on the topic.
Best regards,
Rikard
Hey mleite1,
1: Try this code in the General Styling > Quick CSS field:
.page-id-305#top fieldset {margin: 10%!important; }
2:
.page-id-305 .flex_column_table.av-equal-height-column-flextable {margin-top: -125px!important; }
Best regards,
Mike
all plugin is the latest version
the reason I noticed it is I try to view in mobile version, and found out the image of single product page is not showing
so I tried to log out and veiw the laptop, and found out again it is not showing
the weird thing is why backend is normal but the frontend is not working
Do you need any other help with this topic, or can we close this thread? :)
Best regards,
Sarah
Hi Mike,
Check the page…when scrolling it doesn’t shrink correctly.
Below is all the current Quick CSS
span.logo a img {max-height: 65px!important;}
span.logo a img{
margin-top:15px!important;
}
.header-scrolled .logo img {
margin-top:0 !important;
-webkit-transition: all .2s !important;
transition: all .2s !important;
}