No Pagination on Main Directory Page

Hello. In follow up to what I noted last … the theme I’m using is Avada, with theme, WordPress, and plugins at their latest version. As a test I disabled bootstrap, yet it did not affect the pagination issue, or the other issues noted below.

First additional issue: For some reason the directory pages are displaying with space for a right sidebar? The two examples of this are:

#content {width: 71.1702128%;}
body.has-sidebar #content {width: calc(100% – 23% – 80px);}

The theme does have the #content set to 100% (default page template), it’s only where the directory starts that the content width changes? I’ve added the following as a temporary fix.

.directory-lite #content {width: 100%!important;}

Note: If a sidebar is the default option, then I could certainly add one, yet I don’t see any means for this to happen from the directory settings.

Second additional issue: The other oddity is with the search listing view. I have the default view set as “compact view” yet from the search the “grid view” is rendered as shown next.

https://www.mca-ca.com/?post_type=directory_listings&s=a

Hoping to find a solution to these problems. Thanks in advance!

Hello. I found another issue today. When I resize the main directory page to see responsiveness the FA icons don’t align with the content? I would expect the contact details to be positioned below the logo, not adjacent to the title, as it is. The issue is not related to bootstrap, I checked. I’ve included a screen capture of what I see next. Thanks.

View directory-fa.png

Pagination issue went away after switching through all of the plugin display settings. So now the pagination is visible? Very odd. Other issues noted still remain.

Hello. It looks like I’ve fixed the column/content overlap issues I was having with mobile device resolutions. For those who have a similar issue, this is what I did.

Within templates >> loop there is the file listing-compact.php. This has two columns, col-sm-8 (main) and col-sm-4 (the FA icon listing). What I did was duplicate the col-sm-8 and change the class to col-sm-12 (to achieve full width). I then added a class to the first column (to target only devices under 768px) and a class file to the 8 and 4 columns to target 768px and larger. I then added “display: none;” to each @media. I considered floating the icon listing to the left (above or below), yet I felt it really wasn’t necessary in small device resolutions since it is visible on the detail page, and the page was just cleaner without it.

As for the pagination not showing, from my tests I discovered it was due to it being turned off in the theme settings. The odd thing is that only the main directory page was affected; it didn’t affect search.

I was checking out the look of your directory list and wondered how you got it to display the way you have? Mine is in grid format and can’t get anything else… I would prefer just a list of businesses but that doesn’t appear to be an option. Maybe i need to do my own customization?

Hello Diane. I’m not using the grid. I have the display as “listing” and then “compact” for view. The customization I did is mostly just CSS for colors, line-height, and related. I did edit the one PHP template page (which I referenced in my comments) to provide for mobility since the font-awesome icon list was overlaying the main content area on the left in narrow resolutions. I am certainly no expert with this directory (only had in installed for about a week), but if you need help I am glad to assist where I can.

Hello! thanks for using the plugin and looking deeper into it, some of the issues may be because of css conflict. you can override directory template in your theme folder. I will look into the issues you mentioned and will fix it in next release very soon.

Hello again. I’m still having an issue with the pagination on the initial “listing” page. There was previous post about this titled “Paging Does Not Show on the Front Listing Page”. Unfortunately there was never a solution and the thread was closed. So again, https://www.mca-ca.com/directory/ shows the pagination, yet https://www.mca-ca.com/directory/page/2/ (and the following) only show the 1st 10 results. I can turn off the pagination, or change its value to include more, which will show the other directory entries. And as far as I can tell the pagination is only having issues on this initial page. As a test I removed all my custom css and my custom listing-compact.php (under loop), yet the pagination issue remains. I also tried disabling bootstrap. The odd thing of course is that the pagination works elsewhere. I will keep looking into this, but if anyone has a solution please let me know. Thanks.

Hello. Well, I got the pagination to work after I switched from “business name” to “ID” for listing sort order. Odd, but so long as it works. ??