Language Area and Categories Slider - by TAT_PM

This topic has 6 replies, 3 voices, and was last updated 8 years, 5 months ago ago by Eva Kemp

  • Avatar: TAT_PM
    TAT_PM
    Participant
    November 4, 2015 at 14:53

    hi there,

    i have 2 problems i don’t get fixed:

    1. in mobile view portrait, the language are in the top bar is not visible. in landscape view it’s there…

    2. i use the woocommerce categories slider from your theme. i would like to show all 6 main product categories without necessarity to slide if viewed with desktop resolution. how can i achieve that?

    just in case you need it, i will provide login

    thank you!

    Please, contact administrator
    for this information.
    5 Answers
    Avatar: Robert Hall
    Robert Hall
    Support staff
    November 4, 2015 at 15:06

    Hello,

    Please use this code in custom.css
    Here is a video tutorial how to create custom.css: https://www.youtube.com/watch?v=Qok2zRedRMY&feature=youtu.be.

    1)

    @media (max-width: 480px){
    .top-bar .languages-area {
        display: block;
    }}

    2)

    .categoriesCarousel .owl-carousel .owl-item{
    width:200px !important;
    }
    .categoriesCarousel .owl-buttons {
    display:none;
    }

    Regards,
    Robert Hall.

    Avatar: TAT_PM
    TAT_PM
    Participant
    November 4, 2015 at 15:34

    hello robert,

    thanks for the quick answer! the topic within the language area is solved.

    the categories slider still doesn’t work (only 4 categories visible in a row). please check the url again to see.
    it also uses the category images very small in the slider, there is very much white space right of the category images…

    regards

    Avatar: Robert Hall
    Robert Hall
    Support staff
    November 4, 2015 at 15:56

    Hello,

    Please provide us with correct wp-admin credentials in Privat Content.

    Regards,
    Robert Hall.

    Avatar: TAT_PM
    TAT_PM
    Participant
    November 4, 2015 at 16:12

    there you go

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Support staff
    November 4, 2015 at 19:45

    Hello,

    I’ve edited the code to this:

    @media (min-width: 1200px) {.categoriesCarousel.owl-carousel .owl-item{
    width: 200px !important;
    }
    
    .categoriesCarousel .owl-buttons {
    display:none;
    }
      
    .product-category {
         width: 90% !important;
    }}

    Please check categories now.

    Regards,
    Eva Kemp.

  • Viewing 6 results - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.