Skip to content
Docs

How to Adjust Sidebar Width in Icegram Engage

Pro

Customize sliding sidebar and panel widths in pixels or percentages to fit your WordPress site theme layout using Icegram Engage.

Icegram Engage sidebar messages slide in smoothly from the left or right edge of the screen. You can customize the width of the sidebar panel to accommodate wider forms, product cards, or rich media.

Steps to Adjust Sidebar Width

  1. In your WordPress dashboard, go to Icegram Engage → Campaigns and edit your sidebar campaign.

  2. In the sidebar message editor, scroll down to the Custom Code section (or Custom CSS box).

  3. Add the following CSS snippet, adjusting 350px to your preferred width:

    .ig_sidebar {
  width: 350px !important;
}

    Custom CSS code box in Icegram Engage sidebar settings

  4. Click Update to save the campaign and preview the new width on your site.