Hi Victoria,
thanks for helping me out!

The button is now created and i tested with the code your’re providing here: “Menu Centered” but cant find the right modification without destroying the current process with overlapping and so on. :)

I think now I just need to modify this snippet right?

/************************************

 Add a widget area on the right side
 Logo left, Menu center, Widget right

*************************************

CSS Settings:

» Initiate Flexbox
» Topbar
» Header
» Logo
» Menu
» Widget
» Social icons
» Search
» Cart icon

***********************************/ 

/*--------------------------------

» 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 */

#top #header #header_main .container.av-logo-container {
    height: inherit;   /* Auto height: Header takes the height of the contents */
}

/* Header inner container */

#top #header #header_main .container.av-logo-container .inner-container {
  height: inherit; 
  position: relative !important;
  flex-wrap: nowrap;
  justify-content: space-between;
}

/* Wrappers 
--------------------------------*/

/* Header content and Topbar */

.responsive #top #header {
    flex-wrap: wrap;
}

/* Header contents: 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;
}

/* Main content: 
-----------------------*/

.responsive #top #main { 
    padding-top: 0px; /* Gap between the content and header */
} 

/* Fixed header 
--------------------------------*/

/* Fixed header */

.html_header_sticky.html_header_transparency #top #wrap_all #header,
.html_header_sticky #top #wrap_all #header { 
    position: fixed; 
} 

/* Fixed header and page content gap. 
   Padding value should be same as the fixed header height. */

.html_header_sticky:not(.html_header_transparency) #top #wrap_all #main { 
    /*padding-top: 145px !important; */
} 

@media only screen and (max-width: 767px) {
.html_header_sticky #top #wrap_all #main {
    /*padding-top: 145px !important; */
}}

/*--------------------------------

» Logo

--------------------------------*/

/* Logo */

.responsive #top #header #header_main .inner-container .logo {
    order: 0;
    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;
}

/* 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: 0;
    flex-basis: auto;   /* Use calc to minus the width of the logo */
    align-items: center;
    align-self: center;
}

/* 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 position fix */
#header li .avia_mega_div,
#header li:hover .avia_mega_div {
    right: 0 !important; /* submenu position */
    left: auto!important; /* submenu position */
    max-width: 50vw;
}

/*--------------------------------

» Widget

--------------------------------*/

/* Widgets */

.responsive #top #header #header_main .inner-container .widget {
    order: 0;
    flex-basis: auto;
    padding: unset;
    clear: none!important;

    align-self: center;
    align-items: center;
    z-index: 1;

}

.responsive #top #header #header_main .inner-container .widget>div {
    width:100%;
    line-height: 14px;
    padding:0 10px;
}

/*--------------------------------

» Social icons

--------------------------------*/

/* Flex support and position fix */
.responsive #top #header #header_main nav .social_bookmarks {
    display: flex;
     top: auto;
     margin-top: 0;
     align-items: center;
}
/* Inherit height for flex alignment */
#top .av-logo-container .social_bookmarks li {
    height: inherit;
}

/*--------------------------------

» Search 

--------------------------------*/

/* Your styles here */

/*--------------------------------

» 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;
    }
}

Thank you very much!

Hello Yigit,

In the Enfold Demos one can see that enfold was integrated in the presentation of woocommerce. Enfold probably overwrites the layout, such as the buttons.

we want to use the enfold theme without changing the presentation on the shopoverview page and the product page.

can I disable the woocommerce part of the enfold theme? If so, how does it work? i want to use the child theme to do this because its save for updates (maybe i can add some code into funktion.php to disable the theme part of enfold who change something in woocommerce).

our target is to show woocommerce like having no special theme.

thanks and best regards,
Horst

Hello,

What do you mean by “or you can use a float left class which you can use for the buttons”, I do not understand.

I have created a page http://maastrichtvooriedereen.nl.transurl.nl/test-enfold/ in which I show what I mean.
The 2 blocks must appear in the white field directly below the text

I send credentials and maybe you can / may you place it in the right way so that I can see how to do this.
Thanks in advance and regards Tom

Hallo Victoria,

habe den Editor umgestellt und dafür bekommen ich diese Fehlermeldung:
Failed to load plugin url: https://meineurl.com/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/js/avia-tinymce-buttons-4.js

hier geht es zu, Screenshot

Danke für ihre Unterstützung
Ernest

I still dont know – and i cant figure it out neither in Enfolds Tutorial nor in @guenter |s explanation how i provide a user the buttons for accepting, refusing certain cookies

here are some detailed questions:
1: What is “Auto Reload”? When do i need it? Why?
2: It seems as if – at least for the essentiell cookies – the default is on “Accept” – otherwise the button would not be green. (please explain!!) – its the result of [av_privacy_allow_cookies]
http://marcusjeroch.de/screens/dsgvo3.jpg

Hi Victoria,
i should take it out becaude the onepager didint work anymore so now i tried the cookie Banner from enfold on the site below what looks quiet good the only problem is that the details of the cookies are missing.The name of the cookie, where it comes from and how long it stays what should stand in the data protection.And when I clicked once on the settings the cookie information doesnt show up anymore like others do in the navigation as a cookie description. But here i have again the problem with the navigation too. When i click on the cookie Banner on the tab Datenschutzerklärung, then comes the page with some cookie information but from that page i cannot get back to the other navigation buttons.Just the Home button works. Hope you can understand what i mean :)

many regards
rixi.

UPDATE – Spiderfly Elements
I have updated the Spiderfly Elements to fix a couple of small bugs due to Enfold code updates with the “Edit Link Button”. The “App Card” element was updated to fix a couple of small bugs and to add both the Amazon and Windows app store badges as options. Finally, there is a new element called “App Store Badge” which will let you display the standard app store badges for directly linking to the various app stores. Choose between Apple, Google Play, Amazon, or Windows. It comes with various options like width control for both desktop and mobile layouts.

For WooCommerce updates, please send me ideas. We all use this theme and WooCommerce differently, so other perspectives would be great so I can come up with some awesome new elements. With all the WooCommerce elements I have already, you have some finite control over the layout and look of your store, but there’s always room for more.

As a reminder…I did have to break the elements up into two separate packs each sold separately. Count wise, the elements have grown to almost five times their original number and originally the price was just $15 when I first launched them. That was $15 for the Spiderfly Elements, ACF Elements, and WooCommerce Elements. With all the time and work that has gone into it over the past two years, I can’t justify that price or free re-downloading for life. Going forward, after purchase the download link will expire in 30 days and you will only be able to re-download twice. Obviously I will make exceptions in the event there are multiple bug fix updates in a row. Should that happen, just contact me direclty and I’ll hook you up with the updates by resetting your download limit. I’ll do my best to make it a point of doing so automatically for everyone who purchased the add-on pack(s) recently.

If you have any questions or concerns, please don’t hesitate to contact me.

Hi Basils,

It is weird because i’ve made a shortcode in the Enfold Child theme as told like here: https://kriesi.at/documentation/enfold/intro-to-advanced-layout-builder/#add-elements-to-alb

But sadly I still can’t see a button at the events on the home page. Perhaps there is an error in the code? I do have to say that I tried to copy the code from https://kriesi.at/support/topic/portfolio-grid-add-read-more-button/ before contacting you guys few weeks ago. Perhaps the file didn’t save properly? I use FTP at the moment to update my files because of a wordpress error I can only fix after this website goes live (I know very anoying)

Thanks in advance and kind regards,

Jasper Boetekees