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
Here’s what happens:
1. User uploads X image
2. WordPress checks which image sizes the current active theme and plugins have set (Enfold sets a total of 12 image sizes).
3. WordPress tells the server he wants to create a image version of each one of those sizes.
4. Server can’t handle that load -> HTTP error appears.
Workaround:
Disable some of the image sizes the theme sets.
https://kriesi.at/support/topic/upload-image-giving-http-error-theme-error/page/3/#post-618970
Okay, using Fullwidth Easy Slider every page of this site… changed caption position on Home Page to be higher – Home page just uses Center Without Frame and I used the following code:
.slideshow_align_caption {
display: table-cell;
vertical-align: middle;
position: position: absolute;
top: 50px; }
this seems to affect “all ” captions in the slider, so I’ve made inside pages center “framed” and want to use custom css to change position and background color and opacity of the frame…. what would be the selector, tried a couple of things and it got all messed up? Suggested Code? And it’s weird, but one of the pages (About Us) is already taking on a different custom background color then, let’s say, Rewards Management Page… and it is a color I had chosen when playing with this… I’ve been using the Live CSS Preview to make changes to css – it’s in appearance/customize.
I have a coming soon page up, so I’ll give you login credentials under private content.
Thank you for looking into this!
-
This topic was modified 9 years, 8 months ago by
Eleina_Shinn.
Hi,
on big sceens we have the menu on the left. so i can’t configure it to transparent…
i tried it with:
@media only screen and (max-width: 767px) {
#top #wrap_all #header {
background: transparent !important;
position: absolute !important;
}}
But the class “header_color” in id “header” seems to override my settings…
Any suggestions?
thx
Chris
Hi Rikard,
you’ll seen the desktop version certainly. There it is OK.
On the mobile phone, the navigation is hidden behind the logo area. I have droped a screenshot a URL (private content).
The first option is the best.
If I hide the menu now, a part of the H1 headline is hidden behind the logo area.
Thank you.
Ulrich