Tagged: 

Viewing 20 posts - 1 through 20 (of 20 total)
  • Author
    Posts
  • May 28, 2017 at 4:38 pm #800834
    spiekutowski

    Hi Guys,
    I have encountered the problem. When I deal with Woocommerce plugin and Enfold I have the following two problems. These only seem to affect woocommerce:

    1. When I placed plugin extensions – product sliders – on bottom of Home Page – on desktop it looks all right. On mobile version, 3 products “don’t fit” and one of them goes underneath.

    2. The whole Categories section seems to be 75% width what means not all images fit next to each other.

    How to make it all full screen so everything is responsively decreased but will fit on a whole page ?

    Website: https://colwayinternational.online
    Products Slider from <a href='https://automattic.pxf.io/y2XdbN/' target='_blank' rel='nofollow'/ rel=Woocommerce plugin only 70% width of the page. Products do not fit." />
    Categories images not full screen :(

    May 28, 2017 at 6:48 pm #800865
    Mike

    Hey spiekutowski,
    Can you please include a admin login in the private content area so we can take a closer look.

    Best regards,
    Mike

    May 28, 2017 at 8:02 pm #800881
    spiekutowski

    Hi Mike,

    Here are the login details:

    May 28, 2017 at 8:03 pm #800882
    spiekutowski

    Website is is beta stage still testing so you can play around with plugins.

    May 29, 2017 at 12:32 pm #801040
    Yigit

    Hi,

    Login credentials are not working for me. Can you please check them once again? :)

    Best regards,
    Yigit

    May 29, 2017 at 12:44 pm #801050
    spiekutowski

    Go with this

    May 31, 2017 at 2:47 am #801752
    Mike

    Hi,
    I believe I have fixed it, Please clear your cache & check :)
    I added this code in the General Styling > Quick CSS field:

    @media only screen and (max-width: 767px) {
.responsive #top .products .product:nth-child(odd) {
    clear: initial !important;
}
}

    Best regards,
    Mike

    May 31, 2017 at 8:13 am #801870
    spiekutowski

    Looks much better. The only thing is I donr know what has happened to “All Products” category on “Shop” page. It seems to have moved down :/

    May 31, 2017 at 2:19 pm #802017
    Yigit

    Hi,

    I went to Appearance > Widgets and edited your widget and chose “Name” in “Order by”. Please review your website

    Best regards,
    Yigit

    June 1, 2017 at 10:00 pm #802786
    spiekutowski

    Thanks Yigit,

    But this is not what I meant.

    Have a look a this. Do not know what to do with that yet :/
    Categories moved :/

    Is that because I have 1 category not published ? – Dunno :(

    June 3, 2017 at 3:57 pm #803395
    Mike

    Hi,
    Did you try publishing the last category?

    Best regards,
    Mike

    June 3, 2017 at 5:33 pm #803411
    spiekutowski

    Published

    This is what it looks like at the moment:
    Gap above - empty space of the universe ? :)

    Any ideas ? :)

    June 3, 2017 at 6:01 pm #803416
    spiekutowski

    Found the reason

    @media only screen and (max-width: 767px)
    .responsive #top .products .product:nth-child(even) {
    clear: none;
    }

    This is from Website CSS analitics.

    When I UNTICK this option – everything goes back to normal. I cannot override it with any settings. Is looks like if I remove this line (by unticking it) everything works but I cannot remove this line via ovverlide css can I ?

    June 3, 2017 at 6:05 pm #803417
    Mike

    Hi,
    I take it then that the last category is not one your keeping, in that case go ahead and remove it and try this:

    @media only screen and (max-width: 767px){
.responsive #top .products .product:nth-child(2n+10) {
    clear: left!important; 
}}

    Best regards,
    Mike

    June 3, 2017 at 6:36 pm #803432
    spiekutowski

    I want to keep all of them. I dont know why it keeps doing that as it is standard php loop.

    This is how it looks now. I need to have it in one row :(

    June 3, 2017 at 7:00 pm #803437
    Mike

    Hi,
    It’s because it wants to be two columns and we made it 3, we will fix it :)
    but first we need to know how many elements you will end with because it will change. Are you going to keep “Product Sets”? are you going to add more?

    Best regards,
    Mike

    June 3, 2017 at 7:08 pm #803438
    spiekutowski

    I will keep Products Sets as category. We will be adding “Promotions” Category later but that will happen maybe in few months time. No plans for adding another category as yet.

    What will happen if I want to add more ?

    June 3, 2017 at 9:03 pm #803462
    Mike

    Hi,
    OK, I changed the code to this:

    @media only screen and (max-width: 767px){
.responsive #top .products .product:nth-child(2n+10) {
    clear: both!important; 
}
.responsive #top .products .product:nth-child(2n+12) {
    clear: initial!important; 
}}

    and now it’s working :)

    Best regards,
    Mike

    June 3, 2017 at 9:20 pm #803463
    spiekutowski

    It looks awesome.

    I thank you thank you thank you :)

    This kind of css is way too advanced for me.

    June 4, 2017 at 6:21 am #803496
    Rikard

    Hi,

    Great, glad we could help :-)

    Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

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