How to upgrade jquery in wordpress Videos

• 1. Responsive Wordpress Theme Tutorial - Part 6 - jQuery Toggle Menu
• 2. JQuery Mobile - 10 Building a Mobile WordPress Theme
• 3. WordPress Child-Themes 16: Adding JavaScript
• 4. Wordpress jQuery Slider | Step-by-Step
• 5. InteМЃgration d'un site Wordpress avec HTML, CSS, JQUERY
• 6. How To Use Jquery Lightbox In Wordpress
• 7. Especial Jquery Mobile e Phonegap - App aparti do Wordpress
• 8. JQuery Banner Rotator WordPress Plugin
• 9. Responsive Wordpress Theme Tutorial - Part 7 - jQuery Toggle Menu

Responsive Wordpress Theme Tutorial - Part 6 - jQuery Toggle Menu

User Comments

Pablo Astesiano commented on 18 Nov 2014

My toggle bar only shows when I hover on it like another user said. If I remove the height of nav-var I get the double menu problem... any ideas?

IONEL VALENTIN commented on 02 Mar 2015

Try this:.main-nav.sixteen.columns#show-nav {    display:none;    background: #fdeec9;}@media only screen and (min-width: 480px) and (max-width: 767px) {    .sixteen.columns.nav-bar {        display:none;    }    .main-nav.sixteen.columns#show-nav {        display: block;    }}

jQuery Mobile - 10 Building a Mobile WordPress Theme

User Comments

theFather sam commented on 12 Jul 2015

when i do this , Page title and footer . apper like a text plain , not like u , there is a black background ..

said hlimi commented on 05 Sep 2013

Thxs for the video, amazing ;)

WordPress Child-Themes 16: Adding JavaScript

User Comments

Mid3vil commented on 13 Oct 2015

hey! this is a great video, very helpful information. could you tell me what was the code in the custom file?

Mid3vil commented on 13 Oct 2015

+Marian Heddesheimer thank you!!

Marian Heddesheimer commented on 13 Oct 2015

+Mid3vil I found it here: //users.tpg.com.au/j_birch/plugins/superfish/

Marian Heddesheimer commented on 13 Oct 2015

+Mid3vil If I remember correctly, it was a menu script called "superfish" or "suckerfish". If you google it, I'm sure you will find it somewhere.

Mid3vil commented on 13 Oct 2015

+Marian Heddesheimer @1:18 in the JS folder where you have the hoverIntent.js, superfish.js, and the custom.js files. sorry, I'm new to coding and web development but I'm learning quickly. thanks for your reply! I just subscribed, and everyone else watching this should too!

Marian Heddesheimer commented on 13 Oct 2015

+Mid3vil what code do you mean?

Wordpress jQuery Slider | Step-by-Step

User Comments

wowslider . commented on 19 Dec 2012

Notice that some problems appear after Wordpress was upgraded to v.3.5. So, if you use Wordpress v.3.5, you need WOWSlider app. v.2.7.1 and the latest version of WOWSlider plugin 2.7.

Phoosh commented on 10 Apr 2012

Does the WOW Slider work on an aspdnsf website? I heard it might not work because asp uses a single template and then dynamically creates new pages based on the template.

Marco Nuñez commented on 11 Dec 2012

I see all the tutorials you made, I have a WP site, when I add the new slider, it's says: WRONG SLIDER. I check twice, could you tell me what is wrong?

wowslider . commented on 10 Apr 2012

WOWSlider is client-side code, so you shouldn't have problems with .asp pages. You can try to use free version.

Intégration d'un site Wordpress avec HTML, CSS, JQUERY

How To Use Jquery Lightbox In Wordpress

User Comments

Katrina Koory commented on 27 Jul 2011

@jazunigam If you haven't found your answer... Having a group of photos is easy! I am so happy I found this plugin bc it seems I KNEW what to do, just none of the plugins I was using would work for me! To have a group of photos simply add a "title" of your gallery collection in the rel="lightbox" code... For example: rel="lightbox[Gallery Name]

Katrina Koory commented on 12 Feb 2012

@mymediadog1 Are you trying to have only the image thumbnail and no text underneath the thumbnail? if so, you just simply don't put in that part of the code. just take out title= and alt= out of the code. does that help??? if not, let me know. ill try to get back to u as soon as i can.

Dalton Warrick commented on 12 Mar 2013

I am a wordpress expert and I recorded a series of video tutorials for the use of wordpress. Wordpress developers agree that this is the most comprehensive wordpress package ever created. Period. I have posted a link to this course on my channel. go check it out.

Katrina Koory commented on 27 Jul 2011

I don't know why, but this is the ONLY plug in I didn't have trouble figuring out! I totally recommend it to anyone. For some reason all the other lightbox plugins wouldn't load correctly. I tried at least 6!! =0)

Katrina Koory commented on 27 Jul 2011

@TheProject702 did you find your answer? i have it for you, but it wont let me post for some reason maybe cuz of the html? i dunno.. email me if you need... [email protected]

mymediadog1 commented on 07 Feb 2012

@TheProject702 I just noticed you had the same question as I did. Did you figure out the thumbnail question?

mymediadog1 commented on 07 Feb 2012

Great job on the video. Is it possible to replace the text width a small thumbnail?

mymediadog1 commented on 14 Feb 2012

@MizzMonet49 Thanks for getting back MizzMonet. I ended up figuring it out. Cheers!

mymediadog1 commented on 07 Feb 2012

@MizzMonet49 Hi MizzMonet, I had the same question about the thumbnail. Thnaks

Katrina Koory commented on 12 Feb 2012

@mymediadog1 or are you trying to create a thumbnail for the gallery?

Alan Jones commented on 12 Nov 2011

thank you. :-)

Nas Khan commented on 11 Feb 2013

Thanks

Especial Jquery Mobile e Phonegap - App aparti do Wordpress

User Comments

Mauro Capuano commented on 19 Jul 2013

Jacob, faço parte de uma igreja evangélica e gostei muito sobre o que você comentou de usar o conhecimento apara obra . Fiquei curioso sobre qual o programa que vocês usam para disponibilizar e catalogar os vídeo. POderia me dar algumas dicas. Abraços e parabens pelos videos

aedonadon commented on 04 Aug 2013

O título do vídeo não corresponde ao conteúdo. Pelo título pensei que você fosse ensinar a fazer um request no wordpress e exibir o o feed em um aplicativo usando o Jquery Mobile.

Jacob Moura commented on 19 Jul 2013

No proximo video terei o prazer de anunciar uma mega ferramenta para os desenvolvedores, e tb vai dar pra catalogar videos. aguarde

Jacob Moura commented on 06 Jun 2013

Isso ai! é bem fácil! E se vc conhece alguem q tenha um site em Wordpress pode até cobrar pelo serviço.

andre philipe gomes commented on 24 Nov 2014

Amigo é possivel essa conversão e instalação do plugin em um blog?

Saulo M commented on 06 Jun 2013

Pow que teta hein, essa fiquei de cara, moh facil, boa aula vlw.

Reall Soares commented on 29 May 2013

Jacob vc explica muito bem! Parabéns pelas aulas! Já favoritei

Mauro Capuano commented on 19 Jul 2013

Jacob, obrigado pelas informações vou aguardar. Abraços

Alessandro Rodrigues commented on 10 Jul 2013

esse video é a aula #9 ???

Fabricio Corrêa commented on 19 Jun 2013

curti! vlw a dica.

Jacob Moura commented on 29 May 2013

Obrigado! ;)

Jacob Moura commented on 24 Jun 2013

;)

jQuery Banner Rotator WordPress Plugin

Responsive Wordpress Theme Tutorial - Part 7 - jQuery Toggle Menu

User Comments

Alexander Molander commented on 22 Mar 2013

Now i'm spamming this youtube but i might figured out a way to make it work again. this i what i added to the code (under the "@media only~~"): opacity: 1; under .main-nav ul ul { top: 0; under .main-nav ul li:hover > ul { background-color: #212121; under .main-nav ul ul a { background color as the one you have on your navigation bar ofc :D spam me back if you find something that's still bugging, I tend to think i've fixed something way too early.

AwfulMedia commented on 15 Mar 2013

Did you have opacity: 0; before? We used the opacity style so that we could transition the opacity to 100%, but we didn't do that - at least as of yet. On my end, I have opacity: 0; set and Firefox is rendering correctly. If not having an opacity set is the overlying issue, I'll be sure to address it within the video. Thanks for the detective work, Simon! Austin

Simon Gomes commented on 15 Mar 2013

Actually I also have the opacity: 0; but for the displays have more than 767px width. I only set the opacity:1; inside the media query - "@media screen and (max-width: 767px){...}" . So I Believe the transition will still work in computer. as I'm setting the opacity to 1 only for the mobile devices. What you are thinking about it Austin.

AwfulMedia commented on 15 Mar 2013

I've been asked a couple of times about the firefox issues, but it is hard to fix since mine is working. I'll look into it and see if I may have changed something. In the meantime, if you would email your theme to me I'll find the exact issue. I'll send you my email.

Alexander Molander commented on 22 Mar 2013

I solved the firefox issue (only tested in firefox and chrome at the time but should be the same for all) like simon said you will need to change the opacity to 1. to fix the moving submenu you will need to go to ".main-nav ul li:hover > ul" and write "top: 0;".

Simon Gomes commented on 15 Mar 2013

Hey Austin, nice one again. But I'm afraid you code has some cross browse problem. The exact same code is not working in firefox. But it's good in Chrome and Safari. Could you please check it out and let me know what is happening here. I will be really glad.

David Meade commented on 08 Sep 2013

Hi Austin, a tutorial on using jquery for submenus would be great. I've been playing around with it but it's a little tricky, especially to make it dynamic. If you have time then I think it would be a really useful tutorial.

Chris Shilts commented on 08 Jan 2013

Thanks for the navigation tutorial, it should come in handy. I must have missed something somewhere, because mine is acting a little differently. Fortunately, I have your files to look at to figure out where I went wrong.

David Meade commented on 08 Sep 2013

Hi Austin, thanks for this tutorial. Really helped me to get a grip on menus for mobile. Needed to make a few tweaks with my own code but it would have been 50 time harder/longer without your tutorial. Kudos ;)

AwfulMedia commented on 15 Mar 2013

Someone with a Firefox issue fixed it by adding an opacity: 1; to the nav ul ul. On my end, I have opacity: 0; so that we may transition the opacity in the future. Please let me know if this solves the issue!

AwfulMedia commented on 22 Mar 2013

Hello Alexander, If you'd like, you can download the theme files from the link in the description and compare the code. There's no compatibility issues with that version and Firefox, so have a peak! :)

kenneth dunne commented on 22 Jun 2013

thanks so much i was looking around for a tutorial to show me exactly what you just done... if you can figure a way to remove the close toggle button when resizing the browser that would be great!

AwfulMedia commented on 22 Mar 2013

Hello Alexander, Thanks for clearing it up! Anyone that has this issue should be able to solve it now. Thanks! Spam all you want as long as it contains useful information. :) Austin

Alexander Molander commented on 22 Mar 2013

just realised that i was stupid and to fast to write here that i solved it, didnt take to account that i had the same background color as my navigation bar, don't listen to me :D

Simon Gomes commented on 15 Mar 2013

I figure out the problem. Putting opacity: 1; to ".main-nav ul ul" selector, inside the media query fixing the browser issue. Please let me know your feedback.

Satinder Satsangi commented on 27 Dec 2014

nice, i was planning to use jquery for animating my content page (Pages fades or arrives from any direction in when i click from menu...any guidance....???

Otori Springer commented on 06 Sep 2015

your tutorials are awesome ... thanks for showing you cleared up so much in such a short time for me - you actually showed what the title says thx again

Miguel Vargas commented on 15 Mar 2013

switching the opacity to 1 partially worked =\. Every time I hover over the sub menu items, the text shifts off into another section of the page.

AwfulMedia commented on 25 Nov 2012

Thanks for the support. I will not be able to continue this series for a few days, I'm a little swamped at the moment.

Ruud Kuin commented on 23 Jun 2013

Hey Austin! Really like the way you explain the work you do step-by-step! Thanks for these tutorials...

WarrantedFaith commented on 24 Apr 2013

However, setting top to 0 doesn't cause my submenu items to display :\ They still only show up on hover

Simon Gomes commented on 18 Mar 2013

Hey Miguel, could you please provide me your codes. Upload somewhere and let me have a look. Thanks

WarrantedFaith commented on 24 Apr 2013

I fixed my issue: Removing the height property for .nav-bar seems to have solved it

Gabriel Sena commented on 23 Jan 2013

having trouble with firefox displaying the sub-nav. Works fine in chrome/safari

khriesavilie vitsu commented on 23 Jul 2013

This is by far the Best WP responsive themes tutorial......Thanks....

Chris Shilts commented on 08 Jan 2013

I missed top: 0; for .main-nav ul ul. Those files are a great help.