bibliofille

Another developer suggested using the Sticky Kit jQuery plugin and it worked perfectly for this feature.

I’m not really sure what css I’d need.

So, put this script in the header.php file?

I did that, and got a console error:
192.168.10.101/:82 Uncaught ReferenceError: searchDisplay is not defined

I added that jQuery to my scripts.js file. I don’t have a url to share yet; I’m still developing locally.

Thanks for the tip. I look a look at the script and inserted a modified version of this into my theme:

function searchDisplay(){
  jQuery(document).ready(function($){
    $('.search-trigger').click(function(){
      $(this).find('i').toggleClass('search-close','fa-search');
      $('.search-dropdown').animate({
        height: 'toggle',
        opacity: 'toggle'
      });
    });
  });
}

There’s a magnifying class icon (fontawesome) in my nav menu now that has a class of “search-trigger”. The icon itself now has a class of “search-close” and “fa-search.”

The search bar (called using <?php get_search_form() ?>) now has a class of “search-trigger.”

I still can’t get it to work, but I don’t see a console error. Is there a step I’m missing?

I tried de-activating all plugins, and the Media library still shows up blank.

Right now I’m developing locally, so I don’t have a URL to share, but when I access this page: localhost:8888/designsponge/wp-admin/upload.php, and I go to Inspect Page > Console, I see this error message:

Uncaught TypeError: Cannot read property 'post' of undefinedd.1../models/attachment.js @ load-scripts.php?c=0&load[]=hoverIntent,common,admin-bar,underscore,shortcode,backbone,wp-util,wp-b…:15e @ load-scripts.php?c=0&load[]=hoverIntent,common,admin-bar,underscore,shortcode,backbone,wp-util,wp-b…:15a @ load-scripts.php?c=0&load[]=hoverIntent,common,admin-bar,underscore,shortcode,backbone,wp-util,wp-b…:15(anonymous function) @ load-scripts.php?c=0&load[]=hoverIntent,common,admin-bar,underscore,shortcode,backbone,wp-util,wp-b…:15

Yes, I somehow must have deleted that file. I pulled it from the live site and that fixed it.

Thanks!

I used Browserstack to test the site in Windows 8.1 and IE 11 and the paragraph content showed up fine. The issue was when I viewed the site in Windows 7 and IE 11. That’s when the paragraph content disappeared.

I just tested it using the default Twenty Sixteen theme in Windows 7 and IE 11, and the paragraph content showed up fine, so I’m guessing there must me something going on at the theme level.

I’m using Bones as the starter theme, which has a SASS partial already set up for IE styles, so there must me something weird going on there, but I can’t seem to figure out what it is.

When I look in the inspector, the paragraph content appears on the HTML side, and I can’t find anything odd on the styles side.

Could it have something to do with the fact that the paragraphs seem to automatically generate in a <span> tag?

Thanks for the thorough reply! I’m leaning toward the plugin option, mostly based on ease of use for the client, but I’m wondering if I’d still be able to use the custom shop icon with a plugin?

I’ll likely push the client toward using a shopping cart or similar icon that’s available rather than the custom shop icon. The shop sign isn’t even that readable, especially on mobile.

They have a shop that they use to sell their photos, but it’s not set up yet. Once that shop link is set up, they want to be able to set that link and have the icon already in their site.

That’s really what’s necessitating all of this.

Also, if I were to use a plugin option would I be able to put the social icons in the header, footer, and blog sidebar? That is also something they want.

Thanks for the reply Not quite. The shop icon is working just fine, but the social icons (for which I’ve used fontawesome) are still an issue.

I can’t seem to remove the link text without removing the whole link. I just want icons all across the social menu, and no text. It seems the icon and the link are separate.

I can’t attach a screenshot here, but here’s the link to the page: https://www.test.truetolifetraining.com/colleges-universities/

In the content blocks where’s there’s a video instead of an image, it creates an empty img tag that not only throws off the layout, but creates a teeny tiny square.

Funny thing is, it doesn’t show up on mobile though.

Wait, spoke too soon. That didn’t quite work.

Wonderful! That worked. Completely forgot about nth-of-type. ??

Ok, I fixed it. I had forgotten to change the home and site url in the database to the localhost:8888 url. I did that and now it works, although it’s a little slower now that I deleted the caching plugin. Oh well.

*face palm*

I think I’ll stick with just deleting w3 total cache for now.

I followed the deletion instructions from this tutorial from the “remove files from web server” section onward

I’m getting this error message:

This site can’t be reached

localhost refused to connect.
ERR_CONNECTION_REFUSED

I tried clearing my browser cache in Chrome, tried it in Firefox and Safari. All other local installations are running fine. I’m stumped.