Hi Supporters,
this is a very urgent case because we can not edit anymore – sites and posts! Its a error in the Backend-GUI
I setup a Login for you (data in priv content).
The above tool line for Dashboard, saving or switching to the classic editor and so on is gone!
If you click (and hold) in the very top it accours , but it goes away when you release the mouse-button.
Whats going on here?
Hi,
I have two issues with my images.
1. On my home page, I have a series of six images setup in a masonry gallery and stretched fullwidth in one horizontal row. When the site is seen in a smaller screen (tablet or laptop?), the images appear unbalanced. For instance, four images appear in one horizontal row and two in a row underneath with a big grey space next to it. It looks odd. Is there a way to have three images on one row and three on another row underneath so they are evenly distributed?
2. When my cursor is hovering over my images I now see the image titles (in most of my images, including my logo, but not on my photos on my voice over page or my headshot on my about page). I just installed the Yoast SEO plugin, could this be the problem? Please advise. Speaking of Yoast, I deactivated my maintenance plugin. But in Google search, it keeps showing the text from my maintenance page rather than the text from my site, which is now live. Could it be an issue with Yoast? And is this something you can help me with?
I have put my login and other information in the private link.
Many thanks!
Hi,
It seems my hamburgermenu in Transparant header gets white in active state and hover as well.
How do I force hamburger menu to be #232323 in active state and hover on transparant header. I tried to adapt the above code, with no luck:
@media only screen and (max-width: 767px) {
#top .header_color .av_header_transparency .av-hamburger-inner.is-active,
#top .header_color .av_header_transparency .av-hamburger-inner.is-active::before,
#top .header_color .av_header_transparency .av-hamburger-inner.is-active::after {
background-color: #fff;
}
}
Thanks in advance,
Frederik
Hey Veronika,
Please edit your post, click the Screen Options button on the top right corner, check the Excerpt option ( https://i.imgur.com/McXcCbN.png ), and scroll down to the Excerpt field to edit the excerpt.
Regards,
Yigit
Hey,
You already have a separate thread for that ( https://kriesi.at/support/topic/buttons-menu-too-big/ ). Please stick to that thread regarding that issue.
Best regards,
Yigit
Hi,
I’m using Enfold Band and also the video slider/banner on top. It doesn’t look good on mobile view – not large enough, can’t see the text on it. How can I change that?
Kind regards,
Veronika
Hi,
Thanks for the update.
The css modification above should only affect pages with glassy headers. To adjust the color of the social icons and show the black logo, try to add this modification.
#top .av_header_glassy.av_header_transparency .social_bookmarks li, #top .av_header_glassy.av_header_transparency .social_bookmarks li a {
border-color: rgba(255,255,255,0.25);
color: #000;
}
.av_header_glassy.av_header_transparency .logo img.alternate, .av_header_glassy.av_header_transparency .logo .subtext.avia-svg-logo-sub svg {
opacity: 0;
}
#top .av_header_glassy.av_header_transparency.av_alternate_logo_active .logo a > img, #top .av_header_glassy.av_header_transparency.av_alternate_logo_active .logo a > svg {
opacity: 1;
filter: alpha(opacity=100);
}
Best regards,
Ismael
Hi MikeTandySwag,
Thanks for giving us the context, please add this CSS code:
#top #header .avia_mega_div > .sub-menu > li > ul > li a {
line-height: 1.2 !important;
padding-top: 6px;
padding-bottom: 6px;
}
Best regards,
Nikko
Hi jb84,
Can you try adding this CSS code as well and see if it helps with fixing the width of the image.
#top .aviaccordion-slide img {
width: auto;
}
Best regards,
Nikko
Hey team
On my site I have posts like this that are generated for every event on my calendar.
I need a method to make just the smaller featured image at the top of the post to disappear. This method should be applicable across the site please.
Cheers
Hey team
I am designing a site at tara.meditationinhouston.org
I have layed out the header style I would like to achieve, but cannot get the right placement. As a result, I have two issues arising.
The text at the top is a header widget.
The menu is Logo Left, Menu Right with a large logo.
1) I am trying to make a responsively centered Header Widget for all screensizes. Here is the CSS I used
.header-title {
color:#000000;
display: block;
text-align: center;
font-size: 40px;
font-family: Lato;
}
.header-tagline {
color:#0397d6;
display: block;
text-align: center;
font-size: 24px;
font-family: Lato;
}
a.header-tagline:hover {
color: #146e9e;
}
#header .widget {
position: relative;
display: block;
width: 55vw;
margin-left:calc(33%);
text-align: center;
line-height: 30px;
}
2) I also need to get the menu to stop overlapping on all of the content at the top of the page. It is blocking the view. How can I do that?
Hi,
Great, I’m glad that you got it working. Please let us know if you should need any further help on the topic, or if we can close it.
Best regards,
Rikard
Thank you, Ismael I am glad your team is on top of it!
There is a side effect from the workaround where the page now jumps to the top every time we open and close the accordion. I have IDs in place so we are not using the default #toggle-on/off values. Any recommendations?
with gratitude,
Mark
Hi, why now all the menu buttons are become too big?! Please check. Mobile and desktop.
They was perfect!
I just tried – everything is there. Thank you, you can close the topic.
Hey Ellen_1964,
I see that you are running an old version of the theme, could you try to update to the latest version (5.6.6) to see if that helps please? The update to 5.6.6 has to be done manually from the version you are running, please refer to my replies in this thread: https://kriesi.at/support/topic/enfold-4-5-theme-update-update-failed-download-failed-a-valid-url-was-not-pro/#post-1021541
You can either update manually via FTP: https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update, or upload the new theme files via Appearance->Themes->Add New, and select to overwrite the old theme files after the upload has finished.
If that doesn’t work then please try to delete the whole theme folder, then replace it with the new version. Make sure that you have backups of the site before starting updating.
Also please read this after you have updated: https://kriesi.at/documentation/enfold/theme-registration/
Best regards,
Rikard
Hi,
I’m seeing multiple 403 error coming from the Autoptimize plugin. Please try to deactivate it to see if that helps.
Best regards,
Rikard
Hi Ismael,
i’ve tried your css fix.
It does not cut content in tab anymore but when clicking on an accordion toggle he moves the page on top, so accordions are still unusable.
Hello dear support Team,
I’m currently finishing up a web page for a client, and having some trouble with the QuickCSS in Theme Options while using WPML.
I have added some quickCSS to build the menu with the logo in the center, and the menu to either side of it.
This is achieved by adding following CSS and works like a charm:
.av-main-nav li:nth-child(3) {
margin-right:300px;
}
@media only screen and (min-width: 990px) {
.html_header_top.html_header_sticky #header {
position: fixed;
top: 0px;
}
}
.html_top_nav_header .av-logo-container {
top: -30px;
z-index: 999;
}
@media only screen and (max-width: 989px) {
.html_top_nav_header .av-logo-container {
top: 0px;
left:0;
}
}
/*Up the menu on the logo and remove the container of the menu*/
.main_menu {
top: -85px;
}
#header #header_main_alternate .container {
height: 0px!important;
}
ul#avia-menu {
margin-right: -35px;
}
When translating the menu though, the two margin-right distances need to be adjusted, to fit the different string length of the translations.
This should be an easy fix, since I have different Theme Options for the different languages (DE/EN/FR).
I adjusted each of the quickCSS fields in the theme options, to fit for all languages, but it seems like there is an issue when saving the theme options.
While all the adjustments stay the same in the language specific QuickCSS field, only the Theme Options for the language i saved most recently get applied to all languages.
To illustrate a little more clearly with just the first adjustment
Theme Options (DE) : margin-right:300px –> Looking good on the DE page
Theme Options (EN) : margin-right: 450px –> Looking good on the EN page
Theme Options (FR) : margin-right: 320px —> Looking good on the FR page
If I saved the changes on the EN Theme Options most recently, the menu on DE and FR is shifted, but EN looks good.
Same applies to the other theme options.
It seems like the most recently applied theme options, just overwrites the others – and I have no clue on how to fix it.

Hi,
CAN I fx. adjust the “Transparant & glassy header” just to look like the “transparant header”, but with black text?
Yes, that should be possible. Please try this css code instead.
#top .av_header_glassy.av_header_transparency #header_main {
border-color: transparent;
border-top-color: transparent;
}
#top .av_header_glassy.av_header_transparency .header_bg {
background-color: transparent;
opacity: 0;
}
#top #wrap_all .header_color.av_header_transparency, #top #wrap_all .header_color.av_header_transparency .phone-info.with_nav span, #top #header.header_color.av_header_transparency .av-main-nav > li > a .avia-menu-text, #top #header.header_color.av_header_transparency .av-main-nav > li > a .avia-menu-subtext {
color: #000000;
}
Best regards,
Ismael
Hey frb1,
Thank you for the inquiry.
You can use this css code to adjust the style of the menu in a transparent header.
#top #wrap_all .header_color.av_header_transparency, #top #wrap_all .header_color.av_header_transparency .phone-info.with_nav span, #top #header.header_color.av_header_transparency .av-main-nav > li > a .avia-menu-text, #top #header.header_color.av_header_transparency .av-main-nav > li > a .avia-menu-subtext {
color: #000000;
}
Best regards,
Ismael
Previous post : https://kriesi.at/support/topic/problem-importing-demo-law/
Please can you intall for me DEMO LAW as quick as you can, it’s urgent.
And give me the How to to do it because the solution given on your Howto page is not working.
Regards
can you try:
.responsive #top #wrap_all {
background: #000 !important;
}
and i think this is set on default to #fff – that can cause the issue.
for the moment of starting transition this might be visible. Give it a try
Or if you are using curtain effect footer and try to force scroll on at the end of the page – that bg will be seen.
hamburger slide out etc. pp
PS: sometimes ( f.e. with fixed header ) the background of #main is visible
so try:
.responsive #top #wrap_all {
background: #000 !important;
}
.responsive #top #main {
background: transparent !important;
}
Hi,
Thank you for the update.
The position adjustment seems to be working as expected. If you want to adjust the vertical position of the social icons, try to set the “top” property.
.responsive #top #wrap_all #header .social_bookmarks, .responsive #top #wrap_all #main .av-logo-container .social_bookmarks {
display: block;
font-size: 20px !important;
left: 30px !important;
top: 40px;
}
Best regards,
Ismael
Hey williamslyd,
Thank you for the inquiry.
We could apply a maximum height to the featured images to control how tall they display, but this will cut off the images a bit. If you want to proceed, please try this css code.
#top .fullsize .template-blog .big-preview a {
max-height: 110px;
}
#top .fullsize .template-blog .big-preview img {
width: 100%;
object-fit: cover;
}
#top .fullsize .template-blog #homepage-feed .big-preview a, #top .fullsize .template-blog #gender .big-preview a, #top .fullsize .template-blog #newsroomh2 .big-preview a {
max-height: 300px;
}
Best regards,
Ismael
Hey vantagepointmg,
Thank you for the inquiry.
You can manually insert an image tag or an icon shortcode beside the text in the Navigation Label field of a menu item. The menu can be edited in the Appearance > Menus panel.
Here’s an example of an icon shortcode.
[av_font_icon icon='' style='' caption='' size='40px' position='left' color='' link='' linktarget='' title_attr='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' animation='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' id='' custom_class='' template_class='' av_uid='' sc_version='1.0'][/av_font_icon]
Best regards,
Ismael
Hi Mike,
it wasn’t an un-closed bracket but a ” ‘ ” after a bracket …. oh Lord, such minimal things can lead to such great mistakes.
Thank you, all works now and you can close this topic.
Best regards, Sabine
Hi,
Great, I’m glad that Ismael could help you out. Please let us know if you should need any further help on the topic, or if we can close it.
Best regards,
Rikard
Hi,
Great, I’m glad that Ismael could help you out. 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 would like to use the Advance Layout Builder for the posts, have used the widget area now. Thank you. You can close the topic.
Kind regards,
Veronika