Hi,
Open js/avia.js and look for line:
$('body').avia_scrollspy({target:'.main_menu .menu li > a'});
Replace it by this:
$('body').avia_scrollspy({target:'#top .widget_nav_menu li > a'});
Regards,
Josue
-
This reply was modified 9 years, 12 months ago by
Josue.
Hi!
1. Now I get what you mean. You mean you want to activate mobile menu on desktop, right? if yes then follow this:
2.) Check out this: http://kriesi.at/documentation/enfold/change-icon-used-for-standard-theme-elements/
Regards,
Andy
Hey mcraig77!
use this code inside of Quick CSS field:
a.avia-button.avia-icon_select-yes-left-icon.avia-color-light.avia-size-large.avia-position-center {
top: -15px;
left: 70px;
}
and adjust as needed.
Regards,
Andy
thanks Ismael – yes i removed it and do it on that case manually on adding on top a colorsection with “widget everywhere” alb element.
i’m planning to create a town portal page – and i want to show on different places ( f.e. under the header – before content (top of main)) to show some entries of a given category.
But nevertheless this question is important – there are these tips to create a “header-widget-area”
but you can see it in private content link that the scroll offset does not consider that existing header-widget-area
the first color-section is laying under the widget-area
Hi BrendaSarg!
not sure what you want to achieve, but try this code inside of Quick CSS field:
div#av_section_2 {
position: relative;
top: -10px;
}
and adjust as needed.
Regards,
Andy
Yes, it seems that just the top and left values are shown, the rest is empty.
And the preview does not show the actual style changes, like font size and background color etc. :

This error was there also with the update to 3.4.7 of the theme (see link to the forum post on the very top). It seems that we are not the only ones that have this kind of error.
Hey navindesigns!
1. Use this code inside of Quick CSS field:
.team-member-description p {
margin-top: 0px;
}
2. Use this code:
.team-member-description p a {
color: red;
}
Cheers!
Andy
Hi!
that’s weird. Are you saying that only some of your styles are shown and others not? because TOP and LEFT values are showing fine, as well as custom CSS.
Maybe your provider is using any kind of caching on your server? please ask your host about it.
Your preview is working fine for me:
View post on imgur.com
Best regards,
Andy
Hi Yigit
I deleted the Enfold folder (but not the child theme) and uploaded the files using Filezilla. All files transferred ok – with no errors.
However, the problem remains the same.
Worth noting (might possibly be related) that on the Firefox browser (both PC version and Android version) the logo doesn’t resize correctly. On Microsoft Edge (PC), Chrome (PC and Android) and Safari (PC) the logo does resize but the still menu doesn’t show once we drop below the desktop size window.
Thanks for your ongoing help
Regards John
Hi,
i have a question: How can I add the “Search Form” right next to the cart in my top bar?
Here is the top bar:
http://fs5.directupload.net/images/160329/ntp6muvu.png
Thanks for your help!
Greetings,
Hope you guys are well.
Tried a couple of forum css fixes prior to asking but to no avail
Grid Layout/ Widget/ Custom Menu
– wish to reduce the double spacing between menu items
– general formatting of the menu items (left right , top & bottom padding)
As always thanks for your help and top support
Chris
Hi thanks Yigit,
However what you see now is temporary solution where I’ve used a separator to set the distance the heading is from the top of the colour section.
What I would like to do is set the distance the header is from the bottom of the colour section at all times, so when the website is opened in different sized windows the heading text is always visible. Is this possible?
Thanks
H
I need to set logo and menu position like this http://lastradadeicampioni.it/ is it possible here my demo http://lastradadeicampioni.it/nuovo
logo must be 224 x 300 pixel in scale 1:1 not to be reduced
menu from top 50 pixel
height menu 80pixel
Thank you, I think this fixed the issue. Can we leave this topic open for a while so I can test on different devices please?
Jas
Hi Andy,
can you define what do you mean for “mobile devices”? Do “mobile devices” include also tablets? What about laptops? Are they considered “mobile devices” as well?
As wrote in my first post, I’m experiencing this problem on an iPad tablet and it looks weird to me that video backgrounds in color sections work only for desktop and laptop.
If this is the case, please add a specification about that in the theme description for transparency sake… this is really important to take in account when someone is buying a theme, considering that people are more and more using phones and tablets to browse websites.
Waiting for your answer.
Hi
I cannot get the mailchimp for wordpress single line signup form to work in Enfold. I have looked at previous topics in the forum, but still the form stays in several lines
Can you help?
This is what I am trying
Thanks in advance
Hi
I would like to remove the border between the bottom of the LayerSlider & the top of the page
Thanks
enfold website not displaying on other devices desktops included, i have tried testing on other pc’s in my office seems all fine but of one my colleagues who is currently out of town can’t view the website and i also a can’t view it on my android mobile phone, please assist…
-
This topic was modified 9 years, 12 months ago by
kolobe.
Hi Yigit,
now this works for both websites.
Do you mean:
[av_hr class='invisible' height='0' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='0' custom_border_color='' custom_margin_top='0' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='' font='entypo-fontello' custom_class='']
?
I´ve tried it. Doesn´t work.
Regards Sven
Hi @swotmarketing;
try to use this line :
#top .iconbox_left_content .iconbox_icon:hover{
color: #00FF2F !important;border-color: #00FF2F !important;
}
Hi @peanuttario;
this topic may help you :
Mobil menu
Hey Ismael,
but I want a full screen slider on Top. The following content should be WITH the Sidebar, not the Slider
Have you seen my example?
Hi Myanaconda!
Thank you for using Enfold.
Please add this in the Quick CSS field:
#top .av-light-form, #top .av-light-form + .ajaxresponse * {
color: #fff;
background: #83a846;
}
Cheers!
Ismael
Hey!
– iPad portrait layout: the central Big Ben and animated numbers are displayed at the bottom of the page instead of being aligned at the top.
– Edge Issue on PC with version 25.10586.0.0, Edgehtml 13.10586 =>The BigBen central vertical column is going down, and animated numbers are wider than the picture
It acts like that because the Vertical Alignment is set to bottom instead of top. Set the alignment to top then set the Background Image Position to “Top Center” or “Center Center”.
– Android issue is with Firefow version 45.0.1. => the wood floor picture is covering the screen
This is the “fixed background issue” with android or windows devices which is actually repaired in the latest version of the theme. Please test it again.
– Safari iPad and PC => The logo is covering the menu, and the social links are going down on the left.
Price tables are not responsive: Prices go “out of the boxes” and columns heights who should be equal are not.
Set the Header > Mobile Menu > Header Mobile Menu activation to the second option to fix the menu overlap. Add this in the Quick CSS field to adjust the width of the pricing table wrap on smaller screens:
@media only screen and (max-width: 1024px) {
.pricing-table-wrap {
width: 48%;
display: block;
float: left;
}
}
Regards,
Ismael
Hi guys! Quick question. I was wondering if it was possible to enable the main navigation for mobile viewing when it’s hidden on desktop.
Thank you :)
Hi!
Yes there’s a misunderstandment, scale to fit will match the height of the image to the height of the section (background-size: contain), this however will result in whitespaces at the sides because the width is calculated automatically.
If you don’t like this implementation one thing you can try is set both width and height to be 100%, add this to Quick CSS:
#top .avia-full-stretch {
background-size: 100% 100% !important;
}
Regards,
Josue
Hey!
Try adding this code to the Quick CSS:
#top .av-current-placeholder{
font-size: 0 !important;
}
#top .av-current-placeholder:after {
content: "Food Menu";
font-size: 14px;
}
.responsive #top .av-menu-mobile-active .av-subnav-menu > li > a {
padding: 10px 10%;
font-size: 14px;
}
Cheers!
Josue