-
Search Results
-
Topic: Header widget
Hi,
I have added a header widget as described here: https://kriesi.at/documentation/enfold/header/#toggle-id-5
I am quiet satisfied with the result but I would like the logo on the left and the menu on the right. Can you help me with that?
The cart icon also seems to be a bit off, and on the cart page the widget area are overlapping the content.I have added the following CSS:
/*——————————–
» Initiate Flexbox
——————————–*/
/* Header */
.responsive #top #header,
/* Top bar */
.responsive #top #header #header_meta,
/* Search icon */
.responsive #top #header #menu-item-search a,
/* Cart icon */
.responsive #top #header a.cart_dropdown_link,
/* Social icon */
.responsive #top #header #header_main nav .social_bookmarks,
/* Logo */
.responsive #top #header #header_main .inner-container .logo,
/* Main menu, cart and social icons */
.responsive #top #header #header_main .inner-container .main_menu,
/* Widgets */
.responsive #top #header #header_main .inner-container .widget,
/* Header inner container */
#top #header #header_main .container.av-logo-container .inner-container {
display: flex;
position: relative;
}/*——————————–
» Topbar
——————————–*/
/* Top bar */
.responsive #top #header #header_meta {
flex-basis: 100%;
}/*——————————–
» Header
——————————–*/
/* Height outer container */
#top #header #header_main .container.av-logo-container {
/* Do not change height here */
/* Auto height: Header takes the height of the contents */
height: inherit;
line-height: inherit;width: 100%;
max-width: 100%;
padding: 0;
}/* Header inner container */
#top #header #header_main .container.av-logo-container .inner-container {
/* Define header height here */
height: inherit;
position: relative !important;
flex-wrap: wrap;
/* Define header padding */
padding: 0px;
justify-content: center;
}/* Wrappers
——————————–*//* Main header ( logo, menu, widgets ) and topbar */
.responsive #top #header {
flex-wrap: wrap;
}/* Logo, Menu, Social Icons and Widgets. */
.responsive #top #header #header_main {
flex-basis: 100%;
}/* Transparent header
——————————–*/.responsive.html_header_transparency #top #wrap_all #header {
position: absolute;
}@media only screen and (max-width: 767px) {
.responsive.html_header_transparency #top #wrap_all #main {
/* Define padding value for transparent header in mobile */
/*padding-top: 315px !important; */
}
}/* Fixed header
——————————–*/.html_header_sticky.html_mobile_menu_tablet #top #wrap_all #header,
.html_header_sticky.html_header_transparency #top #wrap_all #header,
.html_header_sticky #top #wrap_all #header {
position: fixed;
}.html_header_sticky #top #header_main .container,
.html_header_sticky #top .main_menu ul:first-child>li a {
height: inherit !important;
line-height: inherit !important;
}/* Main content padding value should be same as the fixed header height. */
.html_header_sticky:not(.html_header_transparency) #top #wrap_all #main,
.html_header_sticky #top #wrap_all #main {
/* Define padding only if sticky header is active */
/*padding-top: 262px ; */
}@media only screen and (max-width: 767px) {
.html_header_sticky #top #wrap_all #main {
/* Define padding value for sticky header on mobile */
/*padding-top: 315px !important; */
}
}/*——————————–
» Logo
——————————–*/
/* Logo */
.responsive #top #header #header_main .inner-container .logo {
order: 1;
flex-basis: auto;
/*width: auto;*//* Define scalable min width of the logo on small screens */
min-width: 100px;
/* Define scalable max width of the logo on big screens */
/* Logo width: (auto | 100% | px ); Set auto to display the uploaded image size */
max-width: 180px;z-index: 9;
margin-right: 20px;
}/* Logo image size */
.responsive #top #header .logo,
.responsive #top #header .logo a,
.responsive #top #header .logo img {
width: auto;/* Height specification is not required. It is proportional to the max width of the logo */
height: auto;
align-items: center;
align-self: center;
justify-content: center;
}/* Vertically center transparency logo */
.responsive #top #header .logo span img {
position: absolute;
top: 50%;
transform: translateY(-50%);
}/*——————————–
» Menu
——————————–*/
/* Menu outer container: Menu with siblings cart and social icons */
.responsive #top #header #header_main .inner-container .main_menu {
order: 2;/* Define menu width */
flex-basis: auto;align-items: center;
align-self: center;
height: inherit !important;
}/* Navigation */
#header .av-main-nav {
display: flex;
flex-wrap: nowrap;
}/* Activate burger menu */
@media only screen and (max-width: 1000px) {
#top #header .av-main-nav>li.menu-item {
display: none!important;
}
#top #header .av-burger-menu-main {
cursor: pointer;
display: block!important;
}
}@media only screen and (max-width: 767px) {
/* Mobile menu position fix */
.responsive #top .av-logo-container .avia-menu {
display: flex!important;
align-items: center;
}
}/* Mega menu submenu position fix */
.responsive #top #header .avia_mega_div {
/* Define megamenu submenu top value */
/* top: 300px;
position: fixed;
left: 50%;
transform: translateX(-50%);*/
}/*——————————–
» Widget
——————————–*/
/* Widgets */
.responsive #top #header #header_main .inner-container .widget {
order: 3;
flex-basis: 100%;
padding: 0;
clear: none!important;justify-content: center;
align-self: center;
align-items: center;
z-index: 1;
}.responsive #top #header #header_main .inner-container .widget>div {
width: 100%;
line-height: 14px;
background: gold;
text-align: center;
padding: 10px;
}/*——————————–
» Social icons
——————————–*/
/* Flex support and position fix */
.responsive #top #header #header_main nav .social_bookmarks {
top: auto;
margin-top: 0;
align-items: center;
}/* Inherit height for flex alignment */
.responsive #top .av-logo-container .social_bookmarks li {
height: inherit;
}/*——————————–
» Search
——————————–*/
/* Your styles here */
#header .widget {
list-style: none;
}/*——————————–
» Cart
——————————–*/
/* Cart position fix */
#top #header #header_main #menu-item-shop a.cart_dropdown_link {
height: auto;
}@media only screen and (max-width: 767px) {
.responsive #top #menu-item-shop.cart_dropdown {
display: flex;
align-items: center;
}
.cart_dropdown .dropdown_widget .avia-arrow {
display: none;
}
}Hello,
I searched a lot on this site, but I can’t find an answer. I know the problem is there, but nobody give me a clear answer. I use the Q2w3 fixed widget, and in Enfold this works really nice! In firefox and safari it works like a charm. But in safari I have an error, and I make a movie of it to make it clear.
There are a lots of threads about this problem. Because Enfold not support a sticky sidebar, I hope in this thread we get it clear for everybody.
The problem is the sidebar widgets disappear from a layer below. I don’t know what the reason is. Its only in safari.
Topic: Need Updated plugins
Hi, i recently purchased the latest version of enfold (version 4.7.5) but there are 3 plugins that require update. I don’t know from where can i update these plugins. Are these plugins part of the theme? Plugin details are below
SearchWP
You have version 2.8.14 installed. Update to 3.1.13. View version 3.1.13 details.SearchWP LIKE Terms
You have version 2.4.4.1 installed. Update to 2.4.6. View version 2.4.6 details.SearchWP WooCommerce Integration
You have version 1.1.16 installed. Update to 1.3.4. View version 1.3.4 details.Topic: Filter functions for search
dear support team
I have a request from a customer for a website and I would like to build it up again based on ENFOLD.
The Kune is a gallery owner and would like special filter functions for his artists and works. He gave me the reference website https://www.galerie-schueller.de/#artworkfilter as a template.
There are a variety of filter functions, so that you can sort the works of art by artist, size, price, …
is it possible to install such filters based on Enfold? I have considered creating the individual works as contributions and sorting them according to the categories. But how can I integrate such a search?
Thank you for your editing.
Kind regards DianaHi, first off, Enfold is the best!
I was searching through yesterday and found a link to an Enfold Checkout Form, but can’t find it now?
Need to get Customer name, address etc and thought it would save time.
Best wishes and saty safe.
Topic: Formidable Forms Modal Popup
Hello Kriesi Support,
I have searched your forums before creating this thread, however I was unable to find an answer.
I am trying to open a form (Formidable Forms) using an Enfold button.How do I specify the following as the button URL:
[frmmodal-content label="Click here"][formidable id=x][/frmmodal-content]This is taken from the Formidable Forms page on using their bootstrap modal popup plugin: https://formidableforms.com/knowledgebase/bootstrap-modal/
Thank you,
SophiaHi guys, first of all, great job with the theme, we managed to build a pretty good looking website with it. So thank you!
Now we are upgrading our marketing game and one of the steps is to connect the theme’s inbuilt web forms with our Zoho CRM account so that our leads can be added automatically. We searched the web for a solution but so far, nothing, we have no idea where to begin. Your help would be greatly appreciated!Many thanks,
Elena
Hi, I have been researching LMS plugins for Enfold and can’t seem to find one that doesn’t require multiple tweaks.
What LMS plugins have been tested with Enfold recently that work best?
Thank you!
I have encountered the following problem: all Enfold websites I know are not rendered correctly in the Google cache. Sometimes no content is displayed (color sections?), sometimes icons are displayed incorrectly.
Steps to repoduce:
Search for a website of which you know it was made with Enfold on Google. In the snippet, click on the small arrow next to the page title/blue link. A dropdown should appear (“In cache”) – click it. Then you should see how Google renders the respective website.Do you know this issue? If yes, how can it be solved?
Thx in advance!

