Blog Layout

July Website Update Wrap Up

August 1, 2024

This post is part of our Website Update Wrap-Up series, showcasing a collection of recent
small product and feature improvements.

Homepage and Interior Page Video Splash Row Is Moving to the Footer

The Video Splash row will now be exclusively located in the footer and will no longer appear on the homepage or on product and/or services pages. This change means you will only need to update the Video Splash row design, widget, headline, and copy once, instead of updating it across multiple instances on the site. The process for the copywriter and designer to update the Video Splash row will remain the same. Only the Hibu photo motion video (or a customer-provided video, if substituted) will be featured in the footer. All other videos will continue to be placed throughout the site as usual.

Bullet Points and Copy Will Switch Places in Homepage "Why Choose Us"

To enhance the mobile user experience, we updated the homepage "Why Choose Us" row (associated with PBNs Automotive A, Home Services D, G, H, M, O, Law D, F, Med/Dental F, H, and Other A) to feature bullet points on the left and copy on the right. This way, users will see the bullet points first on a mobile device. Bullet points are perceived as images, and since images naturally attract attention, we have a better chance of keeping users on the site. Additionally, the CTA button now sits nicely under the text on mobile, creating a more natural flow than before.

Desktop / Tablet View

Mobile View

Unified Merchant ID for All Review Widgets on New Sites

The Merchant ID associated with all review widgets—including the desktop and mobile header reviews widget, the homepage recent reviews widget, the internal page right gutter recent reviews widget, and the review page widget—is now connected to the content library. QA will only need to update the content library field named Hibu Reviews Merchant ID to update all site review widgets. This connection applies only to new sites moving forward.

Tablet Header Will No Longer Feature Desktop Header

The tablet header will no longer feature the desktop header or a transparent background.  Instead, similar to the mobile version, it will have a "hamburger menu." This menu will be accompanied by the reviews widget, logo and slogan, and a connect data phone button.  The design, like the mobile header, is fixed and should not require additional modifications. If the client does not have reviews, it is recommended to replace the reviews widget with the geo featured on the desktop. Additionally, the hamburger menu flyout should mirror the mobile version.

Editor 2.0 - Size and Units

By Hibu Sections • April 9, 2025
In this section, you’ll learn how to control the size of elements using different types of units in Editor 2.0. We’ll break down how viewport width (vw) and height (vh) respond to the browser window, how the auto unit allows containers to resize based on their content, and how min/max values help you keep your elements within practical size limits. Together, these tools give you greater control over how your site adapts across devices—without relying on fixed pixel values.

Editor 2.0 - Flexbox: Columns and Inner Columns

April 9, 2025
Flexbox is the foundation for how columns behave in Editor 2.0. It controls how elements stack, align, and space themselves inside containers, giving you full control over layout across different screen sizes. By adjusting properties like stacking direction, content alignment, and wrap, you can create clean, organized designs that adapt smoothly to any device. These features help prevent layout issues, make better use of space, and simplify how you manage rows and individual elements. Learning how to use Flexbox effectively leads to faster builds and more consistent, responsive websites.

Editor 2.0 - Layouts Elements & Layers Panel

By Hibu Sections • April 9, 2025
Understanding layout elements and the Layers Panel is key to building clean, responsive websites. Layout elements help you control structure—how widgets are grouped, how content stacks, and how different parts of the page respond across breakpoints. The Layers Panel gives you a clear view of that structure, making it easier to manage complex sections, find hidden elements, and keep your layout organized. Together, these tools let you build with more precision, troubleshoot faster, and maintain consistency across the entire site.

Editor 2.0 - Breakpoints

By Hibu Sections • April 8, 2025
Breakpoints are specific screen widths where your website layout shifts to fit different devices, like phones, tablets, and desktops. They’re a key part of responsive design, allowing you to adjust styles so your site looks and works well on any screen. In the editor, you can see how styles behave at each breakpoint, apply universal styles, and override them when needed. You can also preview your site at different screen sizes to make sure everything looks right.
Show More →
Share by: