Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • September 22, 2023 at 4:43 pm #1420066
    profumopuntoit

    Hello,
    Order received page layout in desktop view is all correct, but is not correct in mobile view: several items should be right aligned but are left aligned, others are vertical bottom aligned while they should be vertical top aligned.
    The selectors are too generic to intervene without risking unexpected results elsewhere on the site
    Can you give a look please?
    In private contents link and screenshots.

    Thank you
    Mauro

    September 23, 2023 at 8:53 pm #1420142
    Mike

    Hey profumopuntoit,
    This is pretty tricky to get it exactly as your screenshot, but try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    @media only screen and (max-width: 767px) {
.responsive table.shop_table td {
    display: table-cell;
}
.responsive .shop_table .product-quantity {
	display: inline !important;
}
#top .order_details .product-name li {
	 margin: auto;
	 padding: 0;
	 border-right: none;
}
#top .order_details li {
	 border-right: none;
}
#top table.shop_table td {
    padding: 5px;
}
}

    this is the expected results:
    Enfold_Support_3417.jpeg

    Best regards,
    Mike

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