Portfolio Not working suddenly

Hey, Ive had this portfolio for a long time and it suddenly stopped working. Strange thing is its working on my staging site. If you click on an image a portfolio of images will pop up:

Here its broken: http://fatcatpaperie.com/wedding-invitation-catagories/

Works here: http://2e6.274.myftpupload.com/wedding-invitation-catagories/

Any idea on the problem?

Thanks
Rena

Hi there,

I have just checked the portfolio on the live site and it seems to work find.

Kindly try to clear your cache:

Thats the main page. If you try clicking on any of those topics ( classic for example) a white page will show up. Its supposed to be a bunch of “classic wedding invitations”

Hi there,

Sorry for missing that. I could replicate the issue now.

You might need to increase the PHP memory limit of the live site. Contact your host to increase your allocated memory or do it yourself by adding this code in your wp-config.php

define( 'WP_MEMORY_LIMIT', '256M' );
define( 'WP_MAX_MEMORY_LIMIT', '512M' );

In case the issue persists after increasing the PHP memory limit, please login through FTP and edit the wp-config.php and fine the line define( 'WP_DEBUG', false ); then set it to true. Go back to the site and open a portfolio item. It should display an error. Please let us know what the error is.

Thank you.

Thank you, I did both, but its still not working and Im just getting a white screen. No error message. Im going to contact hosting. It doesn’t make sense to me that the staging site would work when they contain the same files

while waiting on hold forever with hosting I decided to switch from child theme to X and that fixed it. What does that mean?

However, I used to have a drop down menu on top: `DROP DOWN MENU

But now it looks like this: http://fatcatpaperie.com/couture-wedding-invitations/

Hi There,

For the image popup, your staging site using a plugin called “Responsive light box” where as in your main site no plugin activated. Please check if the plugin is exist in the server, then please active it. The image popup will work.

For the filter menu we need you website logins details to check why this coming like this.

Please provide us your login details in a secure note so that we can have a look.

Thanks

Thank you for letting me know about the light box. I will attach a secure note. Appreciate the help!

Hi there,

Are you referring to the BROWSE BY CATEGORY from the old site? That’s because the menu as sub-menus and I think it’s not the drop down you’re referring. If I’m right about the category dropdown, then it’s because you changed your theme’s stack. The old one uses integrity stack while the new one is renew. Check this demo http://demo.theme.co/renew-1/portfolio/ and it has + icon instead of category filter. And also, you have custom CSS on your new site which hides the + icon and expands the filters.

Please remove these custom CSS and Javascript if you wish to see a normal dropdown filter with + icon.

a.x-portfolio-filters {
    display: none;
}
      jQuery(window).load(function(){ jQuery('.x-portfolio-filters').click(); });
    

Thanks!

Thank you, I took those things away but I still have no drop down menu

I had paid someone to create that custom drop down menu for me and then it stopped working. Below is the css and javascript. Is it possible to get this back working? I’m so confused.

.dropdown-container {
margin: 20px auto;
padding:10px;
width: 100%;
text-align: center;
background-color:#eaeaea;
}
.dropdown-container > .dropdown {
margin: 0 20px;
vertical-align: middle;
}
.dropdown-container span {color:#000;text-transform:uppercase;font-weight:bold;}
.dropdown select.dropdown-select {color:#000; padding-left:10px;}
.dropdown {
display: inline-block;
position: relative;
overflow: hidden;
height: 28px;
width: 150px;
background: #fff;
border: 1px solid;
border-color: white #f7f7f7 whitesmoke;
border-radius: 3px;
background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.06));
background-image: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.06));
background-image: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.06));
background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.06));
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
}

.dropdown:before, .dropdown:after {
content: ‘’;
position: absolute;
z-index: 2;
top: 9px;
right: 10px;
width: 0;
height: 0;
border: 4px dashed;
border-color: #888888 transparent;
pointer-events: none;
}

.dropdown:before {
border-bottom-style: solid;
border-top: none;
}

.dropdown:after {
margin-top: 7px;
border-top-style: solid;
border-bottom: none;
}

.dropdown-select {
text-align:center;
position: relative;
width: 130%;
margin: 0;
padding: 6px 8px 6px 10px;
height: 28px;
line-height: 14px;
font-size: 12px;
color: #62717a;
text-shadow: 0 1px white;
background: #f2f2f2; /* Fallback for IE 8 /
background: rgba(0, 0, 0, 0) !important; /
“transparent” doesn’t work with Opera */
border: 0;
border-radius: 0;
-webkit-appearance: none;
}

.dropdown-select:focus {
z-index: 3;
width: 100%;
color: #394349;
outline: 0px;
}

.dropdown-select > option {
margin: 3px;
padding: 6px 8px;
text-shadow: none;
background: #f2f2f2;
border-radius: 3px;
cursor: pointer;
}

/* Fix for IE 8 putting the arrows behind the select element. */

.lt-ie9 .dropdown {
z-index: 1;
}

.lt-ie9 .dropdown-select {
z-index: -1;
}

.lt-ie9 .dropdown-select:focus {
z-index: 3;
}

/* Dirty fix for Firefox adding padding where it shouldn’t. */

@-moz-document url-prefix() {
.dropdown-select {
padding-left: 6px;
}
}

a.x-portfolio-filters {
display: none;

Javascript: jQuery(window).load(function(){ jQuery(’.x-portfolio-filters’).click(); });

Hi there,

I’m a bit confused. What dropdown you’re currently referring? Would you mind providing some screenshot? That CSS are for select type drop down of integrity, then you switched to renew stack which has different drop-down, now that I checked it again, you switched it to icon stack.

And now, let’s changed the fix based on icon stack. Instead of removing just this CSS

a.x-portfolio-filters { display: none; }

Remove these two

.option-set {
    display: none;
}
a.x-portfolio-filters {
    display: none;
}

It will then display the dropdown, please check it. Your existing CSS has no purpose now since it’s not applicable anymore, you may remove it.

Thanks!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.