Page Builder Sandwich was created to be as unobtrusive as possible, so that other plugins should have no problems coexisting with ours.

Sometimes however, there are exceptions to this. Below is a list of plugins that have some quirks when working alongside Page Builder Sandwich. This doesn’t necessarily mean that they do not work and that they’re incompatible, but only that some behavior may be different.

Jetpack – Markdown Module

• Markdown text in the backend editor turn into html tags when saving your changes from the frontend. (Thanks to Jake Jackson for this)

We will continue on updating this list. If you have found something, feel free to send a support ticket to [email protected]

Rows & columns are tools that you can use to create sectioned content.

When editing using Page Builder Sandwich from a newly created page/post, the content that you type in will all be placed in a single column. This is good for writing blog posts, but if you want to have special layouts for landing pages or contact pages, you’ll probably want a 2 column layout or even a mix of different columns across your page.

You can add rows & columns by using these buttons in the inspector:

Once added, your new row will be outlined:

You can put anything inside your rows and columns – text, shortcodes, widgets, and even add more rows & columns.

When a row (or a content inside your row) is selected, more options will become available in your inspector. You can use these buttons to further style your section:

There are also additional options for styling your columns below this in the inspector.

You can move rows into different locations by clicking and holding on the row itself (if you click and hold on an element inside it, the element will be dragged and not the row).

You can use your mouse to quickly place your cursor at different areas in your content or select different elements.

You can also use your arrow buttons on your keyboard to move your cursor across your content. You can use this to go above or below rows.

When dealing with rows and columns, you can click the edges of the rows to add content right after or before your row. This is especially helpful if you have multiple rows inside each other and you want to add in some content between them.

If you’re trying to drag top and bottom margin or padding handles and the element’s margin/paddings are not changing, there might be other styles which are forcibly overriding any style changes. This can also happen when you cannot change backgrounds, borders or when transparent images always get a background color.

To find the problem, open up your browser’s inspector and inspect the element. Browse the styles for that element. If you see something like this:

Then you can be sure that either your theme or a plugin is preventing any other styles from being applied to the element. Mouse over the stylesheet to find out which theme/plugin it’s coming from.

To fix this, remove the “! important” part of the style, and you should be able to apply styles again. You may need to contact the author of the theme or plugin to fix this.

Note: This doesn’t apply to Envato customers

If you’re having errors when activating your license, here are a few things to try..

1. Deactivate then Activate the Plugin

This mostly happens to people updating to a higher version. If you directly updated the plugin’s files manually and skipped the whole update or deactivate-activate steps, some processes may have not run properly. Please deactivate the plugin, then reactivate it and try inputting your license again.

2. Clear Freemius Cache

As of v3.2, Page Builder Sandwich has integrated with Freemius. There have been cases where clearing Freemius data fixes license activation errors. Here’s how to fix it.

Go into your dashboard, and the change your url to http://yoursite.com/wp-admin/admin.php?page=freemius (don’t forget to change the URL to correspond to your site.) If you reach this place below, then you’re in the right place.

Click on the Delete All Accounts button, and then also click on the Clear API Cache button. After doing this, try inputting your license key again.

3. If It Still Doesn’t Work, Contact Us

If it doesn’t work, please contact us at [email protected] and please give us details of the problem and your site.

CloudFlare is a widely used free DNS CDN. It’s great, but PBS currently has problems when it comes to the Rocket Loader feature. Rocket Loader improves the load time of Javascript files, but it messes up the dependency and call order of PBS’ scripts. If you have Rocket Loader turned on, the edit button for Page Builder Sandwich will not appear (and no Javascript console errors show up).

To turn off Rocket Loader, log into your CloudFlare account and into the settings for your domain. Navigate to the Speed settings:

Then scroll down to the Rocket Loader settings then make sure that the setting is turned off:

After turning this off, be sure to purge your entire site’s cache from the Cache settings:

After purging everything your cache, you can refresh the page and the Page Builder Sandwich edit button should now show up.

As of version 4.0, you can now switch between desktop, tablet and mobile phone views while editing! We call this responsive mode. In responsive mode, your site would resize into a smaller size to simulate how your site would look like in smaller screens.

Limited Editing Capabilities

While viewing your site in tablet or mobile phone views, you will have limited editing capabilities. With this, you can ONLY do the following:

• Edit text
• Format text styles using the text formatting toolbar
• Adjust some margins of elements and rows *
• Hide rows in tablets or mobile phones

* PBS applies some responsive styling to your elements and rows, so some margins will not be adjustable.

Here’re some stuff that you cannot do:

• Add, remove, drag around elements
• View element properties
• Resize images, icons, rows and other resizable elements

Adjusting Margins for Specific Screen Sizes

If you are viewing your site in tablet or mobile phone views, any margin adjustments you make only get applied to the current view and to the smaller view. This enables you to tweak your designs to make them look better in smaller screens, separate from the full desktop version.

Here’s an example to make things clearer.

1. If you view your site in tablet mode, and adjust the margins of a heading, that adjustment will only apply to tablet screens. This will also get applied to mobile phone screens. If you go back to desktop mode, the original margin will be brought back.
2. Now, if you go to mobile phone mode and further adjust the same margin again, that adjustment will only apply to mobile phone screens. Afterwards, you’ll have a different margin for desktops, tablets or mobile phones.

This only applies to adjustments to margins, text changes or text style changes get applied across all screen sizes.

Hiding Content In Tablets Or Mobile Phone Sizes

When viewing in tablet or mobile phone views, your rows will have a new “eye” toolbar button that will show up when you hover over them. Clicking this will allow you to show/hide the row for the current screen size.

Hidden rows will become a bit transparent when editing to indicate that they’ll be hidden when you’re finished editing.

Note that this feature is only available for rows.

If you’ve saved your changes in your page and…

1. it reverts back to the old content after refreshing; or
2. you can still see the old content when you view the page in another browser (or in incognito mode);

Possibility #1: Caching

this might mean that saving didn’t trigger your caching solution from being clearing its stored data.

If you’re using some sort of caching solution – such as a caching plugin like W3 Total Cache, a server-side caching software like Memcached or Redis, or DNS caching like CloudFlare – it might not have cleared your saved content.

One way to check whether this is the case is to edit your page in the backend (the normal way), then view your page in the frontend. If your content didn’t change, then maybe your cache didn’t automatically clear.

Some non-WordPress caching solutions have a complimentary WordPress plugin that can help with purging or clearing the current cache, WordPress solutions usually have buttons or options for this.

Possibility #2: An Error Occurred

It’s also possible that some sort of PHP error occurred during saving.

To check whether this is happening, open up your developer console (preferably in Chrome) then navigate to the Network tab. Once there, save your changes in PBS then you should see multiple entries towards admin-ajax.php. If you see this in red, then that signifies that an error has occurred. Check if you see something like this:

If this is the case then please email us at [email protected] along with the necessary login credentials so we can check it out and fix it for you.

Possibility #3: Wordfence Firewall

Please read the article on Wordfence compatibility here: http://docs.pagebuildersandwich.com/article/214-wordfence-firewall-setup-compatibility

No you will not! All your pages and content should still remain in your site. This means that you can deactivate PBS safely when upgrading from the free version into the premium version, or when you’re just testing things out.

However, not everything will look the same. You will notice that some items in your page would change because PBS contains additional styles and scripts needed by some of the more elaborate elements.

Here’re some stuff that would remain when you deactivate PBS:

• Text stylings
• Rows and columns
• Background images
• Circular images

Here’re some stuff that would go away when you deactivate PBS:

• Row & column responsiveness (they won’t look as cool in smaller screens)
• Parallax backgrounds and other background effects
• Shadows
• Carousels

Note: Do this when you already have PBS installed and activated, and you want to update it with a zip file that you downloaded from the site, or from an attachment we sent you from an email.

Note: We’re using another plugin to perform updates, this allows us to update PBS right away without the need to uninstall it first.

Go to Plugins > Add New, then in the search box, search for the plugin “Easy Theme and Plugin Upgrades”

Once you find the plugin, install and activate it.

After activating the Easy Theme and Plugin Upgrades plugin, go again to Plugins > Add New, then click on the Upload Plugin button near the top:

Choose and install the Page Builder Sandwich zip file,

That’s it. Now you should have the new version of PBS.

If you’re using the lite version, you might have noticed the yellow triangular flags. Those indicate whether a certain button/element/option is a premium feature.

If you want to hide those, you can go into your Dashboard, navigate to the settings page in PBSandwich > Settings and check the setting for Hide Premium Feature Flags

To deactivate PBS, first log into your Dashboard / backend, then navigate to Plugins > Installed Plugins:

When in the Plugins page, scroll down your list of plugins and find the one for Page Builder Sandwich. Right below the name, you should be able to see a deactivate link along with other links such as Edit or Change License (this may vary in your site). Click the deactivate link to disable the plugin.

If you cannot find where you stashed your copy the premium plugin, you can go here and enter your email address to recover it. The plugin will be emailed to you.

https://dashboard.freemius.com/license-recovery/203/page-builder-sandwich/

Page Builder Sandwich works with all caching plugins. However, you might encounter some problems if you turn on their minify or caching functionality.

Just make sure that minify is disabled for logged in users, and it should work fine.

We’re only showing W3 Total Cache settings here, but other caching & minify plugins should also have similar settings.

W3 Total Cache

Make sure that Don’t cache pages for logged in users is checked under Performance > Page Cache

If you’re using minify, make sure that  Disable minify for logged in users is checked under Performance > Minify

Availability

Usage

Carousels are a novel way of adding content that loops repeatedly into view. Page Builder Sandwich has a native carousel element that can be used, eliminating the need for external carousel plugins.

Clicking the gear button of the carousel element allows you to configure the behavior of the carousel, such as slide animation, delay and more. Upon creation, you are given three carousel slides to work on, with the option to add or delete slides. All these slides accepts the usual elements used, such as text, images and certain shortcodes. 

Switching slides is as easy as selecting the navigation buttons itself. The slide order can also be modified, through the properties (gear icon) as well.

Useful In

• Highlighting products, images, messages and other similar content that should be visually emphasized.
• Making space for more details and information in limited spaces.
• Landing page headings with 1 or more call-to-action buttons, opening pages, and more commonly, home pages.

Availability

Usage

Click on the map element to add a map to your page. Whenever the map element is selected, the inspector should show the map settings. You can enter latitude & longitude coordinates or an address on the location field in the inspector to center your map on that area. There are other styling options available there as well.

You can further manipulate the map element by panning or zooming in/out the map. Take note that your changes on the map will be applied on the element.

For premium users, your can stylize your map by picking a color to tint it; another option is to use snazzymaps.com to generate some color schemes then use those. SnazzyMaps can be used to create color schemes similar to those one: https://snazzymaps.com/style/20053/papuportal-dark To use these color schemes, copy the Javascript style array into the inspector.

Map heights can be adjust, however map widths cannot and will always resize to the maximum width available. To resize it, place your maps inside rows and columns. You can also set maps to occupy the full-width of the browser.

Useful In

• Contact pages
• Store / branch locators
• Single page sites

While using Varnish Cache and if after saving your changes you can still see your old content, then it’s possible that Varnish Cache may not have cleared automatically.

There are some WordPress plugins that allow you to clear your cache: https://wordpress.org/plugins/search/varnish+cache/

If that doesn’t work, you can also manually purge Varnish Cache by performing this command in a terminal:

curl -X PURGE http://mysite.com/my-page/