With this option, you can make a sticky section in normal page content but more often than not, this feature will be used as part of a header.

Container Selector: Input the ID or class of DOM

Min Width: Control the minimal window width that it’s sticky.

Top: This controls the top offset from the top of viewport when sticky.

Bottom: This controls the bottom offset from the bottom of viewport when sticky.

Active Class: Control the added class when sticky.

– Sticky Options

– Hover Split

“Scroll in Viewport” is an effect that allows you to vitalize the site. The below shows a detailed description for each option. You can see an example in Business Consulting 5. For this effect, you shouldn’t set Section( Row for WPBakery ) background.

Inside Background Color: Control the background color when the target section is inside of the viewport.

Outside Background Color: Control the background color when the target section is outside of the viewport.

Top Offset: The background of target section is supposed to be changed if the top of target passes the threshold(this option value) of the screen. This value must be smaller than height of the section.

Bottom Offset: The background of target section is supposed to be changed if the bottom of target passes the threshold(this option value) of the screen. This value must be smaller than height of the section.

– Scroll Parallax
– Particles Effect
– Mouse Hover Split
– Scroll In Viewport
– Sticky Options

Porto 6.6.0 updates Porto Heading by adding two effects – Hover Image Floating and Highlight Animation.

What is Hover Image Floating?

This effect is to show the floating image on the inside of the text and hide on the outside.

Options

Floating Image: Select the hover floating image.

Floating Offset: Control the offset of image hover position. This value is horizontal and vertical offset. Unit is px.

What is Highlight Animation

With this option, you can make some text conspicuously. For this effect, the main heading should have the HTML Mark Text element.

Options

Background Type: Control the background of highlight. Classic or gradient.

Height: Control the height of the highlight.

Vertical(Horizontal) Position: Control the position of the heighlight background.

Porto 6.6.0 offers new effects in Elmentor and WPBakery. Horizontal scroller is one of them.  You can see an example in Seo3.

How To Use the Horizontal Scroller

The use way is different in Elementor and WPBakery.

In Elementor, you should choose “Horizontal Scroller” in the Porto Additional Settings. 

In WPBakery, Porto offers Horizontal Scroller Widget.

Options

Vertical Alignment: To controls the item’s alignment. Top, Center, Bottom.

Items Spacing: To controls the item’s padding.

Scroller Padding: To controls the padding of scroller wrapper.

And you can also control the item count with options.

Hover Split is new in Porto 6.6.0 and is the wonderful effect to actively make your sites. You can see an example in Seo3.  You can use it in Elmentor and WPBakery.

How To Use the Hover Split.

Create, or choose the section or row and enable “Mouse Hover Split?” in the Porto Options. And you need to add 2 columns in section( row ).
Each column should be set “Hover Split Slide” option.

Min Height: This is value of split slide at the first load time. Default is 300px.