Hey WaveToys,
I didn’t find a easy solution for you, but I did find some code here: http://stackoverflow.com/questions/14834520/html5-audio-stop-function
And here: http://www.elated.com/articles/html5-audio/ that may help. Perhaps “The Grid” plugin developer has a solution too?
Best regards,
Mike
Hi,
We have tested the below code and it works fine! Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
NOTE: Remove any related codes added for the same issue to avoid conflict.
#advanced_menu_toggle:before {
content: 'Menu' !important;
font-size: 24px !important;
left: 10px;
position: absolute;
top: 0px;
}
#advanced_menu_toggle {
border:none!important;
}
You may not see the changes until the cached files are cleared in your browser.
Please try to hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload” and review the site again.
Best regards,
Vinay
Hi again!
Actually, on another page it doesn’t show one of the images on mobile – the one that’s to the left of The Process if you look at a desktop computer.
Hello,
I use a header with a background image which gets transparent at the bottom and an Advanced Layer Slider at the top of any post.
For any reason reason I can see the transparency of the header only when scolling down a little but it should also be visible when at the top of the page.
Then I have a question about the Scroll Down Arrow for the Advanced Layer Sliders:
I used this code as html-content but since the new update this doesn’t seem to work anymore:
<a href="#next-section" title="" class="scroll-down-link" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></a>
Hi!
The solution is on the topic.
Please try what is listed for the .htaccess
Thanks a lot
Best regards,
Basilis
Thank you Mike. I was hoping to have that top nav bar get smaller and the logo smaller too next to it as I think it’s supposed to. Also, the logo doesn’t appear at all on mobile ….with or without this code.
Is there another solution?
Appreciate your time.
Hey danielsprafke10,
Below is the reply to your duplicate post, I will close this one to avoid confusion.
Thank you for using Enfold.
***
What PHP version are you running? We saw this on March 8 and believe the minimum required PHP version is higher than 5.3. https://kriesi.at/support/topic/problems-after-installing-update/#post-757646
You could try to overwrite the theme files with a fresh copy from your Themeforest account via FTP to see if that helps? http://kriesi.at/documentation/enfold/updating-your-theme-files/
Best regards,
Mike
Hey danielsprafke10,
What PHP version are you running? We saw this on March 8 and believe the minimum required PHP version is higher than 5.3. https://kriesi.at/support/topic/problems-after-installing-update/#post-757646
You could try to overwrite the theme files with a fresh copy from your Themeforest account via FTP to see if that helps? http://kriesi.at/documentation/enfold/updating-your-theme-files/
Best regards,
Mike
-
This reply was modified 8 years, 11 months ago by
Mike.
Hey architchandra,
Try this, replace you socket copyright with this:
©2017 Lalita Nijhawan <div class="push-center">Made with ❤ by GreyThink Labs </div>
Add this code in the General Styling > Quick CSS field:
.push-center{
position:absolute;
right:40vw;
top:50%;
transform:translateY(-50%);
}
@media only screen and (max-width:430px) {
.push-center{
position:absolute;
left:1px;
}}
Here is the desktop & mobile view:

Best regards,
Mike
Hello guys, I love your theme and refuse to use anything else. Awesome work. Thank you!
My issue is under the events blog page on this particular restaurant website. The color section refuses to stick to the top. There’s actually a 100 px gap between the header and the color section. Cant seem to find a way to get rid of if. This only happens on the Blog ( Event ) page. Any ideas? Thank you!
Ruben
Running WordPress 4.7.3 and Enfold theme ver 4.0.2
Caching options disabled server side and emptied on Google Chrome browser
Hi
I have project where image title and excerpt is showing on hover.
On click there is a link. It works great on desktop. On mobile not.
Title and excerpt shows up on the moment when user tap and disapear when goes to destination page.
There is any CSS allows to show always title and excerpt only on mobile?
Maybe I should create 2 sections: one for desktop and second for mobile?
Thank you in advanced
Krzysztof
Hello
I have the copyright text on the left side of the socket and a footer menu with Privacy Policy and T&C on the right side.
Now, I want to have a text like “Made with <heart icon> by <my name with link to my portfolio website>” in the center of the socket.
I tried editing the footer.php file adding another span after the copyright span but font-awesome is not working for me if I do that although I eneuqued them in the functions.php file as per Yigit’s instructions in a different thread that I found.
If I try to use the debug mode to find the right shortcode for this according to this post but 1) I couldn’t figure out where to put it. Adding it to the footer.php made the entire shortcode text display in the socket and 2) it’s formatting seemed to be very off. So I discarded that.
Finally, I found the Unicode number for the heart symbol (♥) which I added to the footer.php file and that worked, thankfully.
The problem I am facing now is that I can’t center the text in the socket. If I use text-align: center; and display: block; it centers, but the menu with the privacy policy and the T&C gets pushed into a new line and everything looks bad.
Please help such that I have the copyright text in the left, the made with <heart icon> in the center and the footer menu in the right. Also, these items should look fine on the mobile too.
Thank you.
The problem is on the danish version of the volunteer page – your browser probably redirected it to the english site. Click on the danish flag in the menu. I am using wpml to duplicate the eng pages, which works great, except on that one danish page (frivillig).
I am also having a maybe related issue that recent changes to my mobile menu are not taking effect. I am trying to hide the arrows and change the padding with this css:
@media only screen and (max-width: 767px) {
#top .av-subnav-menu > li {
padding: 0!important;
}
#mobile-advanced li > a::before {
content: none !important;
}}
not working.
Can you take another look?
Thanks
Nancy
-
This reply was modified 8 years, 11 months ago by
Munford.
Hello to all, I have question how to minify avia.js and shortcodes.js in safe way.
When I use autoptimize plugin, website is not fully working. When I do it manually over javascript-minifier.com or other, it is not good too.
Any idea? :) Thanks.
Milan
Hi Ismael
Have I done it right?
I found the menu item ID by right clicking the page, view source & found the menu list.
I changed the Menu item ID of the menu item that I want to the right of the logo & it didn’t make a difference.
#menu-item-956 {
margin-right: 100px;
}
#header_main_alternate {
z-index: 2;
top: -60px;
border: none;
}
This is on my local host so only way to show you is to organise a time & log in with Team Viewer.
Hallo Reinhard,
Great, glad we could help. Please let us know if you should have any further questions on the topic.
Grüß,
Rikard
Hi Jon,
Great, thanks for the feedback. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
Hi, I add the google reCAPTCHA in the woo commerce account (register form) lately
it works great on laptop
but it didn’t display on mobile view
which makes the new users fail to register
Hi ! I showcase my audio portfolio on my web page.Tracks are placed in grid with “The Grid” plugin,you can press play on each audio file and hear the song and at the bottom of each track is also a little shoping cart icon that takes you to audiojungle page of that item where it can be purcased. Audiojungle page opens up in new tab, but the problem is that the audio from my website keeps on playing so I get the same audio playing from 2 different pages… How can I make it stop when you click shoping cart icon on my page? (I want to make this setting global for all audio and video content if possible) I’m using default audio player. Thanks
Hey Wendy,
I was able to make the logo fixed with this code in the General Styling > Quick CSS field:
.av-section-bottom-logo {
position: fixed;
top: 51px;
z-index: 100;
width: 100%;
}
Best regards,
Mike
Hey lech07,
It looks like you need to add the class ‘flag-dansk’ & ‘flag-svensk’ to those menu items. At the top of your menu editing page click Screen Options and choose CSS Classes, then a CSS Class box will show in the menu item, add the two classes.

Best regards,
Mike
Hey Jochen,
What are you trying to accomplish with the
<div id=”topp”></div>
code?
The other code above is necessary for the page.
Best regards,
Mike
Hey franktw,
You are not suppose to see the ALE code, or text, in the default editor. But you can if you enable debug mode. Please refer to this post: https://kriesi.at/support/topic/switching-between-advanced-layout-editor-and-default-editor-stopped-working/#post-133572
Best regards,
Mike
Hi Rikard you can close the topic, thanks for your help
Hi!
Thank you,.
Have you tried the dissalow suggestion that Ismael is doing on that topic, so you can solve the issue?
Thanks a lot
Best regards,
Basilis
I have a full width submenu and when the page loads it loads to the right of the container and then snaps to its rightful place. How can I prevent this from happening it’s quite messy? (Refresh the page to see what I mean.)
Also, if I uncheck the sticky submenu box then the submenu appears at the top of the page rather than where it is placed.
Lastly, if you use the submenu and click onto a post, the breadcrumbs don’t show the correct path.
-
This topic was modified 8 years, 11 months ago by
mosaic.
HI,
I have a strange issue. When I enable WP Supercache as reccomended, everything works fine except for the cart icon and the quantity within it. Say it has 4 items and I remove an item, it stays at 4 items unless I click the cart again or refresh the page.
Any ideas how to stop that and get it to update the total?
Thanks,
Paul
See https://avada.theme-fusion.com/agency/ — note how the panel that covers the middle of the page (in which a video is playing) is fixed and when you scroll down the page, the content slides up and over this panel.
Is it possible to get this effect with Enfold…??
– Dick