Hello,
I used https://kriesi.at/support/topic/header-menu-button/
You can see what happens in the link below. Hard to explain. But I could use some help,
Thanks
ps.
I mean the delay, thats the only thing I can’t figure out.
-also added css.
-
This reply was modified 10 years ago by
Wolf. Reason: added css and more commentary
Hey Nicoletta_DUS!
bin nicht sicher was du erreichen möchtest. Ein paar links und Beispiele wären hilfreich. Eventuell würde dir das mittels page-id (im CSS code) gelingen, wie in diesem Beispiel: https://kriesi.at/support/topic/changing-a-specific-page-with-quick-css/#post-223394
Gruß!
Andy
My final request is this one
any update?
Ideally, I’d like to be able to position the text either right, left or center of the main element either horizontally and vertically or both. Specifying the font and the size would also be nice. I imagine it would have to be done based upon percentages because of the different screen sizes, but I don’t know.
For example, in one photo there is a single element (a series of rocks stacked on top of one another) on the left of the photo. I’d like the text to be placed to the right of the element and wrap at the point specified. Being able to specify the font as Arial and the size would also be nice.
Hi Ismael,
Thanks! Now the tags for the english part of the website are working but they stopped working on the dutch part.
Should i add this code for each language?
awesomeness! that worked thank you! Just one more thing to do with the mobile parallax view – I ve set padding to 0 yet on mobile view it still has a gap – please see here: http://imgur.com/iHB4gqn though on desktop all is fine http://a18.b04.myftpupload.com/
can you please advise
Hi!
@benjaminbreton We checked the team page again and everything looks fine on desktop and mobile. As ismael suggested please provide a screenshot of the issue so we can help you better.
@gdostudio All the images are visible but there seem to be an issue with the responsiveness and as the original poster can see the private info please create a new ticket we might need access to the backend of the site to check the setup.
Cheers!
Vinay Kashyap
Hi, When an image is hovered over, the icon for a link or video is displayed, then we it is removed once the the hover has stopped. I have managed to achieve it so that when an image is hovered over the icon is kept in place once the hover has stopped. What I want to achieve is that the icon is displayed even befor the hover.
See here for an image http://imgur.com/pneoRgl
If you take a look at your demo, http://kriesi.at/themes/enfold/portfolio/ , imagine if the icon was displayed even before the images where hovered over.
Thanks
Ok, it works. Thanks.
On mobile it does not work well. It is a huge white space between text and image.
How do I solve this? It is to leave the appearance identical to the desktop? With the text side of the image?
Hi!
The CSS you are using will change the opacity but cannot change the background color as the main content and elements inside it has it’s own bg colors. Remove the CSS and try this instead..
/* Content Overlay*/
.show_mobile_menu:after {
content: "";
display: block;
position: fixed; /* could also be absolute */
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
background-color: rgba(0,0,0,0.85);
}
It should look something like this

Best regards,
Vinay Kashyap
Hello dear,
i’ve the same problem in my website http://www.imnoleggio.it , everything is ok in desktop version but in mobile version i cannot see even some text in columns.
Hallo,
wollte mal fragen ob es mit einen Quick-CSS Code möglich wäre die Padding Einstellungen (Top, Left, Right, Bottom) global für ALLE Seiten in der Responsive Ansicht auf 10px zu setzen.
Habe recht viel mit verschiedenen (und vor allem unterschiedlichen) Padding Einstellungen gearbeitet damit das Layout im Browser besser ausschaut, in der responsive Ansicht passt das natürlich jetzt gar nicht und alles wirkt ziemlich “schief” deshalb die Anfrage nach dem Code.
Gruß
Frankmen
Hi, loving Enfold, it’s easily the best WordPress theme i’ve ever used!
I’m building a site for my client http://cameronsblinds.com.au and they have insisted on specific header text which i have added using a header widget… however, I’m having heaps of issues getting it to stay ‘fixed’ in position but re-size responsively for mobile..
I’ve used the following style css which works fine on my macbook pro 15″ retina, but it’s way out of position on the mobile and hasn’t resized…
It’s important that it works on mobile because it has a phone number that my client wants visible.
#header .widget {
position:absolute;
padding: 15px;
right: -19%;
top: 3%;
background-color: #b02b2c;
transform: translate(-50%);
z-index: 9999;
overlap: hidden;
}
Is there a way that I can have it stay in position and resize for mobile so it is in the right side of the header?
Cheers
Tian
-
This topic was modified 10 years ago by
TeeJay2000.
Hello
Just two days ago the Layerslider WP timeline stopped giving me the ability to use it to organize the times each layer will start. So I can not pull, change, extend time, move any layer timeline.
Please advise if this is an issue with the latest theme update or WP.
3 months ago you guys gave me a fix on something but it didn’t work, I messaged you guys back on both places that it didn’t work and no one responded. Starting a new post again.
We have code to embed our squareup products. When you click on a product or the cart, anything where the item opens up, the window goes under the header so you can’t read the top or access the option to close it out.
You told me to add this:
.modal { top: 160px !important; }
)
I am afraid it is not. I have per page wpautop switch, I also tried filter it out, does not work. It is something in avia framework. Is there a way to filter it out?
Hey!
Please add the following code in Enfold > General Styling > Quick CSS
.woocommerce.add-to-cart {
position: absolute;
top: 20px;
}
.av-single-event-meta-bar-inner {
padding-top: 90px!important;
}
It should look similar to the screenshot

Cheers!
Vinay Kashyap
Hi,
You can find the Quick CSS box under Enfold–>General Styling, please let us know if you should need any more help on the topic.
Best regards,
Rikard
Hey!
Hey this is something really simple we have created an example page here which works perfectly fine! Just resize the page to see content appear and disappear. then look at the backend how it is setup as explained to you in this post earlier.
See what classes are added in the backend.
First section is visible in all device
Second section is visible in desktop only
Third section is visible in mobile only


Best regards,
Vinay Kashyap
Hi Liv,
Do you get the same problem with one of the default WordPress themes as well? Please send us admin login details in private if you should have any further problems on the topic.
Regards,
Rikard
Hi guys
I’m using EasySlider at the top of most of my pages and all working OK.
However, when slowly reducing the browser width from around 862px – 750px, the Caption Title and Caption Text gradually slide down off the bottom of the slide (so cut off).
I think as the image scales down in size the Captions don’t.
You can view the front end as per below..
Thanks
Hi,
Great, please let us know if you should need any more help on the topic.
Thanks,
Rikard
Hi!
This is wp’s wpautop feature. Try to turn it off with this plugin: https://wordpress.org/plugins/toggle-wpautop/
Regards,
Ismael
Hi!
Try the following CSS to change the color on mobile only:
@media only screen and (max-width: 767px){
#top .av_header_glassy.av_header_transparency #header_main {
background-color: #FFFFFF;
}
}
Cheers!
Jordan
Hey!
A doubt , as I do for the button on the form does not have Hover ?
Add this in the Quick CSS field:
#top .av-custom-form-color .button[type="submit"]:hover {
background-color: #ffffff;
color: #000000;
}
it is possible to make the load page look more seconds?
You have to optimize the website and you can do that by doing the following steps:
1. Optimize all images with AI/Photoshop before uploading to server ‘save as web safe’ jpg.
2. Once all images are on the website, optimize with www optimizer plugin twice 1hr 10mins apart.
3. Install wp-smushit run once to remove jpeg extra data then uninstall.
4. Use BWP minify plugin to minify scripts and stylesheets, you can also use W3 Total Cache’s minify settings but we use BWP for Enfold.
5. Install W3 Total Cache or WP-Super cache, select all recommended settings.
6. Logout your website, visit every page at least once to create super cache files.
7. Join Cloudflare setup your website on their CDN, Choose options: Full CDN Optimisation save then activate purge files. Once done log out.
8. Have a cup of coffee.
9. Visit your site after 20 minutes or so.
10. Don’t forget to smile.
Related links: http://kriesi.at/archives/4-key-wordpress-image-optimization-tips
Best regards,
Ismael
Hi,
Ok great, please let us know if you should need any more help on the topic.
Thanks,
Rikard
Hi!
Please add this in the Quick CSS field:
.html_header_sidebar .av-sidebar-social-container {
position: absolute;
top: auto;
}
.html_header_sidebar .main_menu {
top: 80px;
}
Regards,
Ismael
Hey!
Thank you for using Enfold.
You have to add a fallback image because the video is disabled on mobile device. The workaround is to hide the slider on mobile then display the actual video. Use css media queries to toggle the display of the elements. Example here; https://kriesi.at/support/topic/home-page-video-on-mobile-phone/#post-449787
Cheers!
Ismael
I’m testing out the masonry blog category display and have noticed some extra borders before and after some of the sortable category names at the top.