Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 6, 2018 at 2:50 am #1006389
    montyburns

    I have noticed lately that our Shop page footer has a margin that is not on the rest of our pages.

    Also the products are set up and numbered in order but will only show 2 products then the next one underneath and not beside the others.

    Any ideas?? Not sure if the two things are related??

    https://www.govino.com.au/purchase/

    Cheers

    Mark

    September 6, 2018 at 4:05 am #1006406
    Mike

    Hey montyburns,
    I see that the container width is set to 90% with a 50px left and right padding, there also seems to be a max-width of 1450px.
    Did you want the stretched layout for all of your pages, or did you try to set a boxed layout for any of them?
    Can you please include a admin login in the private content area so we can take a closer look at your settings and css.

    Best regards,
    Mike

    November 10, 2018 at 2:26 am #1031885
    montyburns
    This reply has been marked as private.
    November 10, 2018 at 4:02 am #1031897
    Mike

    Hi,
    I see that you are using the advanced layout builder shortcodes for your shop page, typically this does not play well with the way the Advanced Layout editor works.
    This is why your products are not showing full width across and your footer is not full width.
    To fix this please create a new page and copy your ALB shortcodes to it, so it will become your “shop page”, and don’t use your woocommerce shop page. Please refer to the documentation link above.
    Your new page will work the same and look correct.

    I assume you know how to copy your shortcodes with the debugger, but I will link to it should someone else reading this post later want to know, Enable Avia Layout Builder Debug

    Best regards,
    Mike

    November 10, 2018 at 5:07 am #1031903
    montyburns

    Hi Mike..

    Thx for all that.. Have recreated the page in ALB and it has fixed the footer issue..

    However in some of the product grids it still wont display 3 items in one line ( setting is display 4 items across )

    It will display 1 item, then the next 2 on the line under ??

    Mark

    November 13, 2018 at 7:36 pm #1033111
    Victoria

    Hi Mark,

    Well, it’s not supposed to render like that, I think it was fixed in the later version. The code below will adjust it.
    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#av_section_3 .products .product.first {
  clear: none;
  margin-left: 1%;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

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