[Support request] Little details in styles, more balance

Another 2 details:

1. The font size in the submenu (secondary menu) is smaller, this have not chance to change the size or at least the same size that the parent menu.

2. I have a problem, if i relocate the Cross Sells (related products selected by me in cart page) the 4 columns dont work, i use this code in fuction:

/* Productos relacionados en carrito limitado a 4 */

// Remove Cross Sells From Default Position 
remove_action( 'woocommerce_cart_collaterals', 'woocommerce_cross_sell_display' );

// Add them back UNDER the Cart Table
add_action( 'woocommerce_after_cart', 'woocommerce_cross_sell_display' );

// Display Cross Sells on 4 columns
add_filter( 'woocommerce_cross_sells_columns', 'bbloomer_change_cross_sells_columns' );
 
function bbloomer_change_cross_sells_columns( $columns ) {
return 4;
}

// Display Only 4 Cross Sells
add_filter( 'woocommerce_cross_sells_total', 'bbloomer_change_cross_sells_product_no' );

function bbloomer_change_cross_sells_product_no( $columns ) {
return 4;
}

You can see in this image what happned:
https://www.awesomescreenshot.com/image/2730764/7e024c74d6c8bbc06a181cf0af3aa9cd

I see that you use this css code:

.woocommerce .wc-columns-4 ul.products li.product, .woocommerce-page .wc-columns-4 ul.products li.product, .woocommerce-page.columns-4 ul.products li.product, .woocommerce.columns-4 ul.products li.product {
    width: 21.2%;
}

The before code is of generatepress core, but the generatepress theme dont contemplate this:

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    float: left;
    margin: 0 3.8% 2.992em 0;
    padding: 0;
    position: relative;
    width: 22.05%;
    margin-left: 0;
}

You can see different width for the list and that is the problem.
If i change the css code to width: 21.2%; the problem is solved.

Thank you Tom!
If i see more small things like those, i will to reply in this topic.

1. Bootstrap for example use rem instead px. (https://v4-alpha.getbootstrap.com/migration/#global-changes)
2. nice!
3. nice!
4. Ok, different pleasures 🙂
5. Yes is the last version, i can see this again, but, you relocate related products with the function code?
—>

/* Productos relacionados en carrito limitado a 4 */

// Remove Cross Sells From Default Position 
remove_action( 'woocommerce_cart_collaterals', 'woocommerce_cross_sell_display' );

// Add them back UNDER the Cart Table
add_action( 'woocommerce_after_cart', 'woocommerce_cross_sell_display' );

// Display Cross Sells on 4 columns
add_filter( 'woocommerce_cross_sells_columns', 'bbloomer_change_cross_sells_columns' );
 
function bbloomer_change_cross_sells_columns( $columns ) {
return 4;
}

// Display Only 4 Cross Sells
add_filter( 'woocommerce_cross_sells_total', 'bbloomer_change_cross_sells_product_no' );

function bbloomer_change_cross_sells_product_no( $columns ) {
return 4;
}

Hello Tom, the relocation work well, but the last column not fit inline (4 columns).
https://www.awesomescreenshot.com/image/2730764/7e024c74d6c8bbc06a181cf0af3aa9cd

Nice!, thank you Tom!