Jump to content
View in the app

A better way to browse. Learn more.

Learn more

Merge header cells in theme editor

Featured Replies

I seem to remember a similar request , but I can't find it...

Is there a way to merge the second from top row of the desktop header cells so that an image will span across two or three... ie, across most of , or the entire body

  • 1 month later...
  • Community Expert

Hello,

Do you want an image which spans across the entire width? Maybe a background-image would work better here.

I'd likely need to see a mock-up or a more detailed description on what you're after if possible.

  • Author
On 7/22/2026 at 5:11 PM, Ehren said:

Do you want an image which spans across the entire width? Maybe a background-image would work better here.

Yes exactly

  • Community Expert

Sounds great. You can add a background-image to your header by adding this to your Custom CSS area. Just replace the URL with your own image (you can use the Manage Resources area in your theme settings to upload images).

.ipsHeader__primary{
	background-image: url('https://site.com/image.jpg');
	background-size: cover;
	background-position: 50%;
}
On 7/26/2026 at 8:23 PM, Ehren said:

Sounds great. You can add a background-image to your header by adding this to your Custom CSS area. Just replace the URL with your own image (you can use the Manage Resources area in your theme settings to upload images).

.ipsHeader__primary{
	background-image: url('https://site.com/image.jpg');
	background-size: cover;
	background-position: 50%;
}

This works great. However It isn't working for mobile. It places the background below the header. Is there something else that needs to go here?

12 minutes ago, My Sharona said:

This works great. However It isn't working for mobile. It places the background below the header. Is there something else that needs to go here?

Please disregard. I had some duplicate CSS.

Again, thank you for this.

Edited by My Sharona

Recently Browsing 0

  • No registered users viewing this page.

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.