Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #449061

    Hi,
    I am a big fan of the Enfold theme.
    After implementation, there was only one thing I could not resolve myself.
    I have a customer backoffice area where the customers can see there products and invoices.
    They have to login in WordPress (woocommerce my account).
    After login, you can click the ‘mijn producten’ in the menu above.
    An overview of the products appears, but the footer hides alle the contents of the products page.
    Is there a way to show the contents? (css, …)

    Many thanks
    Bart

    #449184

    Hey Bart!

    I see your problem, could you try to disable all plugins except WooCommerce to see if one of them is causing a conflict?

    Best regards,
    Rikard

    #450290

    Hi Rikard

    I disabled all the plugins (except Woocommerce), but no solution.
    Everything stays the same.

    Best regards,
    Bart

    #450291

    Hey!

    Can you please update Enfold to the latest version 3.1.5 – kriesi.at/documentation/enfold/updating-your-theme-files/

    Regards,
    Yigit

    #450320

    Hi Yigit

    The update to version 1.5 did not solve the issue.
    I have to mention that I’ve put some extra php in the custom.css file in order to create the menu bar of the my-admin page (klantenzone).
    When I delete the code, the footer remains ok, but then I do not have the my-admin menu and all the my-admin info is on one page.
    In my previous theme, the code did not cause any trouble.

    Here is the code (at the end of the custom.css file:
    /*— tabs woocommerce my-account —*/

    .tabs {
    width: 100%;
    float: none;
    list-style: none;
    position: relative;
    padding: 0;
    margin: 75px auto;
    }
    .tabs li{
    float: left;
    }
    .tabs label {
    display: block;
    padding: 10px 20px;
    border-radius: 2px 2px 0 0;
    color: #2d5c88;
    font-size: 18px;
    font-weight: normal;
    background: rgba(255,255,255,0.2);
    cursor: pointer;
    position: relative;
    top: 3px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    }
    .tabs label:hover {
    background: rgba(255,255,255,0.5);
    top: 0;
    }

    [id^=tab]:checked + label {
    background: #2d5c88;
    color: white;
    top: 0;
    }

    [id^=tab]:checked ~ [id^=tab-content] {
    display: block;
    }
    .tab-content{
    z-index: 2;
    display: none;
    text-align: left;
    width: 100%;
    line-height: 140%;
    padding-top: 10px;
    padding: 15px;
    position: absolute;
    top: 53px;
    left: 0;
    box-sizing: border-box;
    -webkit-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    animation-duration: 0.5s;
    }

    .tabs { margin: 0 auto; }

    .tabs li > input[type=”radio”] { display: none; }

    Can you please advise me further?
    Thanks
    Bart

    #450417

    Hey!

    I think you have to check the CSS you’ve used, most of all the use of absolute positioning. I’m pretty sure that’s why it’s not displaying.

    Cheers!
    Rikard

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.