Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • November 28, 2019 at 2:26 pm #1160977
    vaskenBakkalian

    Hi dear support.

    I want to add a query code on my theme, Please help me to understand where can I add that.
    I read this forum: https://kriesi.at/documentation/enfold/add-custom-js-or-php-script/ but it doesn’t work for me.

    Also I read an article when someone advice to add this js code to functions.php. Maybe I am not so familiar to php & JS that\s why I couldn’t
    find a solution
    I send my jQuery code, please add it on theme/child theme and let me know how did you do it.

    $(function(){
    if($(window).width() < ‘992px’){
    $(“.col_floating_text”).after(“.col_floating_img”);
    }
    })

    November 29, 2019 at 4:55 pm #1161260
    Victoria

    Hey vaskenBakkalian,

    Best regards,
    Victoria

    December 2, 2019 at 8:48 am #1161769
    vaskenBakkalian

    Hello dear Victoria.

    Thanks for your help. but browser console shows an error. Can you check it? It seems jquery link is missing or something else.

    https://postimg.cc/HVGKyn8D

    December 4, 2019 at 2:10 pm #1162598
    Mike

    Hi,
    Sorry for the late reply and thanks for the admin login, I have disabled your jQuery script because I found flexbox css to work better.
    So I added this css, please clear your browser cache and check.

    @media only screen and (max-width: 992px) { 
  #top.home #wrap_all #main #av_section_3 > div > div > div > div > div:nth-child(2){
  display: flex !important; 
  flex-wrap: wrap !important; 
  }
  #top.home #wrap_all #main #av_section_3 .col_floating_text {
      order: 2 !important; 
  }
  #top.home #wrap_all #main #av_section_3 .col_floating_img {
      order: 1 !important; 
  }
  }

    Best regards,
    Mike

    December 4, 2019 at 2:58 pm #1162623
    vaskenBakkalian

    Dear Mike. Your answers are useful as always. It works perfect for me. Thank you!

    Can you just share where did you add that css code, because I didn’t see it on appearance-> theme-editor-style.css

    Thanks again
    Regards

    December 4, 2019 at 3:55 pm #1162638
    Yigit

    Hey!

    I believe it is in Enfold theme options > General Styling > Quick CSS field :)

    Regards,
    Yigit

    December 4, 2019 at 4:04 pm #1162640
    vaskenBakkalian

    Dear Yigit thanks for your reply. I found it, It was in appearance – customize – additional css :)

    Thanks
    Regards

    December 4, 2019 at 4:09 pm #1162644
    Yigit

    Hi,

    Great! Let us know if you have any other questions or issues :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘insert Jquery code’ is closed to new replies.