When creating a dropdown menu in WordPress, often the parent menu item is used simply as a hover point to access the submenu, not as an actual link. When this is the case, we can use the following steps to indicate to the user that these menu items are not to be clicked. 1. Set […]
Disable Clicks on Empty Menu Items Read More »
Sometimes we need to make an entire column clickable, instead of just the link (or links) within the column. This is a common issue when using a card style design. For example, in the image above, we might want each of the three sections themselves to be clickable, instead of just the text and image.
Beaver Builder: Automated Clickable Columns Read More »
Tables are notoriously difficult to handle responsively. If there is a significant difference between the number of rows and the number of columns, the ideal layout for large screen sizes uses more columns then rows, but the ideal layout for small screens uses more rows than columns. However, there is no simple way to handle
Inverting Tables Responsively Read More »
For some reason, FacetWP doesn’t support infinite scroll when paired with the Posts module in Beaver Builder. However, working with some code from GitHub, I was able to modify it to work with Beaver Builder. Here is the code: (function( $ ) { ‘use-strict’; var throttleTimer = null; var throttleDelay = 100; $(function() { var
Beaver Builder, FacetWP, and Infinite Scroll Read More »
What is a Widow? When referring to text on a website, a “widow” refers to the final word of a heading or paragraph that wraps to its own line. Like this: To prevent this from happening, we can use the HTML entity for non-breaking spaces between the last two words: A non-breaking space prevents the
Preventing Widows with Vanilla Javascript Read More »
I was making an AJAX call and was getting a “Cross-Origin Request Blocked” error. It wasn’t clear where this error was originating, so I did a little research and here’s what I came up with. When the server determines that the script making the AJAX request is on a different domain, depending on the server
Overcoming the “Cross-Origin Request Blocked” error in PHP Read More »
Update: The first piece of code had an unexpected side effect that is addressed in the update at the bottom of this post. CSS media queries and jQuery window width calculations each handle scrollbars differently. This can cause unexpected (and ugly) results when they are used together. I was recently building a responsive menu system
CSS vs jQuery: Screen Widths and Scrollbars Read More »