Hello Kriesi,

The problem is recognized now (https://kriesi.at/support/topic/social-buttons-broken-with-wp-5-3-1-update/) and it’s now waiting for the Enfold update….

I made a temporary solution for my clients: I have also a temporary solution: I made a new page without content, called …/pagename. Then I installed a redirect plugin and redirect that page to the external url. When I change the link of the icon to the redirect page, the icon shows up again.

I will remove the account because the problem is not in my websites. I hope you can solve this problem. Thanks :-)

Greetings Marcel

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

At the bottom (scroll down) of the page you see 2 photos with a button attached to it.
Both photos and the buttons must come directly below the text. Now they are a long way from it.
Can you do that for me?

Is it a bit clear now?

• This reply was modified 6 years, 3 months ago by tom.

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.