Adding woocommerce product slider plugin to the front page

  • Hi again,
    Thanks for your reply on my last post,, can you please tell me if I am able to use woocommerce product slider plugin on the home page
    I have selected front page for home and have downloaded xml for sample data

    I want it to be displayed before the footer

    I have tried to change functions.php with the short code but no luck
    I have also tried to add shortcode in the visual editor of the home page..
    When i change the template to default or full width it appears but how to use it with front page ..
    i know html5 and css3 is it possible with that?
    If i make a child theme is it possible then?
    Kindly reply

    The page I need help with: [log in to see the link]

Viewing 4 replies - 16 through 19 (of 19 total)

  • okay….. CSS looks fine to me….. what do you guys think looking at this?

    .slicknav_nav {
    position: absolute;
    left: 0;
    background-color: #1c1c1c;
    width: 100%;
    z-index: 999;
    text-align: center;
    margin-top: 15px;
    }
    .slicknav_nav,
    .slicknav_nav ul {
    list-style: none;
    padding: 0;
    }
    .slicknav_nav a {
    color: #fff;
    }
    .mobile-nav .slicknav_nav a {
    color: #fff;
    }
    .slicknav_nav a:hover,
    .slicknav_nav a:afmobilctive,
    .slicknav_nav a:focus, {
    text-decoration: none;
    }
    .slicknav_nav li {
    border-bottom: 1px solid #333;
    padding: 8px 0;
    }
    .s-mobile-nav .slicknav_menutxt .fa {
    margin-right: 0;
    color: #fff;
    }
    .secondary-navigation .s-mobile-nav ul ul li {
    border-bottom: 1px solid #333;
    }
    .slicknav_nav .menu-item-has-children.slicknav_open,
    .slicknav_nav .page_item_has_children.slicknav_open {
    padding-bottom: 0;
    border-bottom: 0;
    }
    .slicknav_nav .menu-item-has-children li,
    .slicknav_nav .page_item_has_children li {
    background: #111;
    text-align: center;
    padding: 15px;
    }
    .slicknav_arrow {
    margin-left: 10px;
    }

    and……. i changed my Header logo on the same site (https://sumomovers.co.uk) but now have a large gap between the site title and tagline. Any ideas that won’t mess up the mobile site?

    Hello there,

    I validate your CSS code and found that :afmobilctive is invalid pseudo-class. The below code block also contains invalid comma. 

    
.slicknav_nav a:hover,
.slicknav_nav a:focus, {
text-decoration: none;
}

    Try replacing all of you custom CSS code with this one: 

    
.slicknav_nav {
     position: absolute;
     left: 0;
     background-color: #1c1c1c;
     width: 100%;
     z-index: 999;
     text-align: center;
     margin-top: 15px;
}
 .slicknav_nav, .slicknav_nav ul {
     list-style: none;
     padding: 0;
}
 .slicknav_nav a {
     color: #fff;
}
 .mobile-nav .slicknav_nav a {
     color: #fff;
}
 .slicknav_nav a:hover, .slicknav_nav a:focus {
     text-decoration: none;
}
 .slicknav_nav li {
     border-bottom: 1px solid #333;
     padding: 8px 0;
}
 .s-mobile-nav .slicknav_menutxt .fa {
     margin-right: 0;
     color: #fff;
}
 .secondary-navigation .s-mobile-nav ul ul li {
     border-bottom: 1px solid #333;
}
 .slicknav_nav .menu-item-has-children.slicknav_open, .slicknav_nav .page_item_has_children.slicknav_open {
     padding-bottom: 0;
     border-bottom: 0;
}
 .slicknav_nav .menu-item-has-children li, .slicknav_nav .page_item_has_children li {
     background: #111;
     text-align: center;
     padding: 15px;
}
 .slicknav_arrow {
     margin-left: 10px;
}

    Regards,
    Kharis

    Kharis, you are THE MAN! That fixed it! Could yo also you could give me any ideas about how to reduce the header space between the site title and tagline too? (also shows on mobile) Same site…… https://www.sumomovers.co.uk

Viewing 4 replies - 16 through 19 (of 19 total)
  • The topic ‘Adding woocommerce product slider plugin to the front page’ is closed to new replies.