Two Rows in Header, Product Thumbnails

Hello,

Could you please offer some CSS assistance to have header row split into two rows for the left and right side, but retain center logo across both ‘rows’. See attached screenshot. For the left side of the header, I have used two separate menus in the header builder. For the right side, I have used the Account, Search, Wishlist, Cart and a custom Menu.

In addition to the above, for single product page thumbnail position, is it possible to have more than 4 thumbnails in the Bottom (horizontal carousel) setting?

Thank you

Attachments:

You must be logged in to view attached files.

Hi,

1. To place your header column content in two rows, try to add the following custom code to the Global Custom CSS area in Theme Settings:

.whb-general-header-inner {
	align-items: center;
}

body .whb-general-header .whb-col-left,
body .whb-general-header .whb-col-right {
	flex-wrap: wrap;
}

.whb-general-header .wd-header-nav {
	width: 100%;
}

To place the right column menu under icons, try to place the menu element after the icon’s elements in the Header Builder (https://prnt.sc/-CyPSJHwpohI).

2. Try to check our detailed article about WordPress performance optimization https://xtemos.com/wordpress-performance-optimization-the-ultimate-guide-in-2021/.

Kind Regards

[Author]

Posts