Hi,
Have you applied this workaround – https://kriesi.at/support/topic/woocommerce-2-6-problem-urgent/#post-650161 and check if that helps? If not, please do create a testing environment and post credentials here privately so we can look into it.
Best regards,
Yigit
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#top .av-subnav-menu > li.current-menu-item a {
color: orange;
}
Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.
Best regards,
Yigit
Hey Tobiy,
1- Glad you figured it out! :)
2- Please refer to this post – http://kriesi.at/documentation/enfold/inserting-breadcrumbs-as-shortcode/
1st 3- Please remove following custom CSS code
@media only screen and (min-width: 468px) {
#top .thumbnail_container img {
min-height: 450px;
}}
then go to WooCommerce > Settings > Products > Display and change product image sizes as needed and then regenerate them using this plugin – https://wordpress.org/plugins/regenerate-thumbnails/. Also, please make sure to upload your product images in the same proportions.
2nd 3- You can refer to this post – http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/ and add widget area to your header and show it conditionally on selected WooCommerce pages. Please https://docs.woothemes.com/document/conditional-tags/
Best regards,
Yigit
Hey,
On my site, there is a row of three boxes, which on mobile should wrap to one column all with 100 %. This is not what happens however, as you can see. In addition, I’ve had to add this CSS to hack the blog posts grid to display correctly on mobile as well, as the second blog post box did not have a margin at the bottom on mobile:
@media only screen and (max-width: 767px){
.responsive #top #wrap_all .avia-content-slider-even .slide-entry.slide-parity-odd, .responsive #top #wrap_all .avia-content-slider-odd .slide-entry.slide-parity-even {
margin-bottom: 20px;
margin-left: 0;
}
}
What’s going on? This occurs even if I remove all extra CSS added in the child theme.
Thanks :)
-
This topic was modified 9 years, 5 months ago by
emilbroll.
Hi Ulrich,
Ok I see what you mean. Please try the following in Quick CSS:
@media only screen and (max-width: 479px) {
#menu-focus {
margin-top:120px;
}
}
Thanks,
Rikard
The banner role is unnecessary for element header.
<header↩id=’header’ class=’all_colors header_color light_bg_color av_header_top av_logo_left av_main_nav_he…eader_border_disabled’ role=”banner” itemscope=”itemscope” itemtype=”https://schema.org/WPHeader” >
– – – –
Document uses the Unicode Private Use Area(s), which should not be used in publicly exchanged documents. (Charmod C073)
data-av_icon=’’ data-av_icon
– – – –
Element nav does not need a role attribute.
From line 52, column 57; to line 53, column 111
<nav↩class=’sub_menu’ role=”navigation” itemscope=”itemscope” itemtype=”https://schema.org/SiteNavigationElement” ><ul↩id
Hey there I have set my grid to :
#para-grid2 {
background-attachment: fixed;
background-position: left top !important;
background-size: cover !important;
background-image: url(“http://www.samanthadoyle.com/wp-content/uploads/2016/07/weight-lift-2.png”) !important;
margin-left: 5% !important;
margin-right: 5% !important;
max-width: 1500px !important;
}
And it won’t adhere to the max of 1500px is there something I did wrong?
Hey, this one didn’t quite work. It removed the entire space where the logo was, which means all of my page content has now moved up on the page, and my mobile nav is cut off at the top of the screen. Is there a way to remove the logo but retain the white bar that used to be there behind it?
Hi,
I updated my website in a staging space with the last version of WordPress, Enfold and Woocommerce (and all related plugins).
My homepage is very slow to load in opposite of outdated website and the problem seem be avia.js (see screenshot).

I tried also the fix here, but it didn’t work https://kriesi.at/support/topic/having-problems-after-updating-to-wordpress-4-5-please-read-this-first/
How can I speed-up my website?
Hey fernandosantospanarama,
Auto play works without any issue. Just make sure you have the autoplay checked in vimeo video options and copy the iframe embed code in the code block element.
Let us know if you have any questions.
Best regards,
Vinay
Hey Tyler,
The masonry element is using the isotope script which calculates the position of the masonry items dynamically. I’m afraid, it’s not possible to change the width or the height of the thumbnail to make it look like a square without breaking the script. The width and height of the masonry items will depend on the number of columns and the current width of the main container.
Best regards,
Vinay
Hi guys, I originally posted this topic regarding the tooltips not appearing in the correct place:
Image with hotspot – tooltip alignment problems
I’ve since had the problem again and figured out what the issue is. It’s to do with the WordPress Admin Bar. If it’s there, the tooltips shift down, if not then it’s all ok. Last time I was told it was ok, but that’s because you weren’t logged in! See login details below
Could someone take a look please?
Hi,
We added the below css in Quick CSS please review the site now.
#top #header_main > .container .main_menu ul:first-child > li > a {
max-height:90px!important;
}
Best regards,
Vinay
Hi,
the element is the cart button at top-left of my website (it should be at right)
Hi,
and as you said a change in the custom shortcode.
It’s been a while. What are these modifications? Could you please specify?
When are you available today? I will redo the update and then you can see the error. But i don’t want to leave it too long like this, because the client is filling up the website, so he will be stopped until we find the problem or i restore the backup.
I guess you removed the issue from the page. Could you please create a test page so that we can see the issue? We created a test page and we don’t encounter any errors: http://ubm.f-e-w.ch/wp-admin/post.php?post=880&action=edit
Best regards,
Ismael
Hello,
Can you check out my mobile version of this site http://www.leconstruct.com because its pointing me to the blog page in which i dont want to appear. I think it has to be the same with the desktop version that lets you see the frontpage directly on first visit.
I hope to hear from you
Thanks
Hi,
Please add this css code:
#avia-menu {
width: 100%;
}
#header_main #avia-menu .social_bookmarks {
position: absolute !important;
right: 50px !important;
float: none !important;
left: auto !important;
}
.html_header_top.html_bottom_nav_header #top .main_menu .menu-item-search-dropdown {
float: right;
right: 300px;
}
Best regards,
Ismaelo
Hey Fleur,
Please try adding this code to replace the one that was given before so that it only adjusts for the desktop:
@media only screen and (min-width: 1280px) {
.slideshow_align_caption {
transform: translateY(-100px);
}
}
Best regards,
Jordan
Hi,
Please add this in the Quick CSS field:
.html_main_nav_header.html_logo_left #top .main_menu .menu>li:last-child>a {
padding-right: 13px;
}
.html_header_searchicon_disabled #top .av_header_border_disabled.av_bottom_nav_disabled .main_menu .menu>li:last-child>a .avia-menu-fx {
padding-right: 0;
}
Best regards,
Ismael
Hi,
Since the header is set to display at the left side of the site, please add this css code:
@media only screen and (max-width: 1199px) {
.responsive #top #wrap_all #header {
position: relative;
width: 100%;
float: none;
height: auto;
margin: 0 !important;
opacity: 1;
}
.responsive.html_header_sidebar #main {
border: none;
}
.responsive #top #main {
padding-top: 0 !important;
margin: 0;
}
.responsive #top #wrap_all .container {
width: 85%;
max-width: 85%;
margin: 0 auto;
padding-left: 0;
padding-right: 0;
float: none;
}
}
Best regards,
Ismael
You’re the best Yigit. Now the drop-down menu (hover) is not align below the header, a 15px gaps appear since we added top:15px to pull down the logo.
http://goo.gl/waTQev
after scrolling up, header shrinks
http://goo.gl/713CN3
Have tried to reduce the menu line-height to 88px !important, and it still remain on 103px height. Any clue how to fix this??
& Thanks.
Hey Geoffdoyle,
Thank you for using Enfold.
Did you add the site http://appleproperty.com.au/ as one of the http referrer? https://kriesi.at/support/topic/enfold-google-maps-widget-not-working/#post-659055
We will need an access to your google console or try to activate the Maps JavaScript API. More info here: https://developers.google.com/maps/documentation/javascript/tutorial#Loading_the_Maps_API
Best regards,
Ismael
Hi,
Sorry for the confusion. Please use the previous code then place it below or above this line:
echo $content;
Or use the “avf_template_builder_content” filter. Example: https://kriesi.at/support/topic/show-share-icons-on-portfolio-items-placement-issue/#post-586829
Best regards,
Ismael
This is Enfold coded menu that comes with theme compatibility to WPML with Enfold added language switcher on top. How can this question not be directly related to the theme?
I can surely ask the WPML team about this but I am sure they will address me back to the theme developers.
Hey Fleur,
To hide the logo in mobile view please use the below css in Enfold > General styling > Quick CSS
@media only screen and (max-width: 767px){
.responsive #top .logo {
display: none !important;
}}
Best regards,
Vinay
Hi there
How to I completely remove the logo from my website? Including mobile view?
At the moment I’ve removed it from desktop but it still appears on mobile.
Thanks
Fleur
Hi guys
I posted this the other day: https://kriesi.at/support/topic/move-easy-slider-text-positioning/
This fixed my problem perfectly on desktop, but on mobile it has pushed the text up far too high, so that now it it half cut off at the top of the screen.
Any suggestions on what to do here?
I’m thinking I could move it by a % (if that works??), or that there might be a way to turn this CSS off on mobile view?
Thanks
Fleur
This is unfortunate. Really cool Enfold feature but with this issue it’s not useful.
There must be burning issues and other priorities considering that this topic doesn’t get any attention even though multiple people are asking for help.
Hello,
I’m having an issue and cannot edit pages on my website, it just shows the loading circle but no content actually loads. It loads when I create new pages but cannot edit old ones.
Have cleared the cache, tried on different browsers and laptops, theme and wordpress are up to date and I have switched off all the plugins and each plugin individually but still not working.
As suggested I followed all the steps from this page but it has not fixed the issue: http://kriesi.at/documentation/enfold/my-enfold-layout-builder-is-not-loading-properly/.
Please can you take a look using the admin details provided to help me fix this.
Thank you!
Hi There!
I´ve embeded a Vimeo Video for autoplay, but it doesn´t autoplay until I refresh the page :(
What can I do?
thank u