How To Add Floating Social Icons in Elementor [No Extra Plugins]

Поділитися
Вставка
  • Опубліковано 20 гру 2024

КОМЕНТАРІ • 39

  • @Jaskaran_Singhhh
    @Jaskaran_Singhhh 2 роки тому

    This is the best video on the internet on this topic.
    Wasted my time with so many plugins.
    Thankyou.

  • @adilchair3352
    @adilchair3352 2 роки тому +1

    INTERESTING VIDEO. I 've a question please what is the name of the extension that u use to change website view to mobile or Tablet

  • @shamitrends
    @shamitrends Рік тому +1

    Hi Hamza this was very useful but the icons appear to float on the home page only, is there a way for me to make the social icons float on every page and post? thanks

    • @skaford
      @skaford Рік тому

      Same to me. It doesn't appear in my products

  • @sohoblogger
    @sohoblogger Рік тому

    Thanks for sharing this video, it was very useful.
    By the way, how did you display the website view in iPhone and iPad mock in timestamps of 0:25 and 0:30, thanks.

  • @DEYIINTEL
    @DEYIINTEL 2 роки тому

    Very informative video. Well done.
    Pls, I need to ask, how can I make it be on all of my post without having to go over it each time for each page

  • @PietdeGrootte
    @PietdeGrootte 6 місяців тому

    great tutorial ; but now I am stuck; it show perfect on the website but due to some reason it is not possible to edit / remove anymore

  • @hemntkpr
    @hemntkpr Рік тому

    THANKS, i was searching for this one only

  • @alyssawilliamson235
    @alyssawilliamson235 Рік тому +2

    What is my paid Elementor Social Icons doesn't have a Positioning option? How do I create it then?

    • @Yahelov
      @Yahelov Рік тому +1

      same here, u found any solution?

  • @zunesha_graphicx
    @zunesha_graphicx 5 місяців тому

    hwy broo! how you crete 1st and 2nd div end rounded?

  • @netwolf78
    @netwolf78 2 роки тому

    Thanks for the video, it works!!!
    One question, how to make this Floating Social Icons appears on all other pages?
    Thanks in advanced.

    • @Zubairkhan-ny8jl
      @Zubairkhan-ny8jl 2 роки тому

      i am also searching answer of this question. let me know when you got the answer please 🙂

    • @getbodywell
      @getbodywell Рік тому

      @@Zubairkhan-ny8jl I just 'copied' the column that had the social icons and 'pasted' or 'paste style' it on the page I wanted it on. Transferred all the setup over.
      But don't put it on your blog page. I learned the hard way just now that if a hyperlinked category someone wants to click is lined up with the floating icons, you can't click it. It's as if the icons are a layer higher than the typing and 'block' you from accessing the layer underneath (hopefully that made sense, haha)

  • @skaford
    @skaford Рік тому

    How to put this in all the pages? It is not showing it in my products pages. Only in the home

  • @AndreasBodin
    @AndreasBodin Рік тому

    Great walkthrough!
    Are you using Elementor Pro or the Free version?
    I seem not to find the positioning setting in order to move the Social Media icons X number of pixels from the left and the top.

    • @janeyhk
      @janeyhk Рік тому +1

      Once you click POSITION = FIXED under LAYOUT - the additional options will pop up

    • @AndreasBodin
      @AndreasBodin Рік тому

      @@janeyhk Thank you so much!

  • @rabsonmatsambe5430
    @rabsonmatsambe5430 9 місяців тому

    Clearly explained . Thank you brother.

  • @mariano-cucinotta
    @mariano-cucinotta 2 роки тому

    Interesting and simple to make. Thanks for your tutorial. Can I ask you a question? In the Responsive part, I see a lot of device icons that I don't have and I use the Pro version. Do you need to enable some option or have you installed an additional plugin. Thanks!

    • @GoTechUG
      @GoTechUG  2 роки тому +1

      They are additional custom break points in elementor. You can add/remove devices by,
      click on responsive mode > click on the settings icon at the top of the responsive bar (in grey)
      you will then be taken to the responsive device settings to add or remove devices.

  • @yasminmohamed2359
    @yasminmohamed2359 9 місяців тому

    simple and easy to implement thank you !!

  • @evieobrien915
    @evieobrien915 3 місяці тому

    Saved me thank you so much!

  • @flogertadriza4703
    @flogertadriza4703 5 місяців тому

    You just earned a subscriber my friend

  • @djramseyroy
    @djramseyroy 2 роки тому +1

    Hi Hamza, kindly help. I cannot make my social icons float because there is no positioning settings in my Kadance free version theme.

    • @GoTechUG
      @GoTechUG  2 роки тому

      Hey Roy, i can't help on this since i haven't checked out kadence's social icons.

    • @djramseyroy
      @djramseyroy 2 роки тому

      @@GoTechUG Okay

  • @bbpyno
    @bbpyno 2 роки тому

    This video saved my life! Thank you so much my man! Subbed

  • @Sony_Music_India_
    @Sony_Music_India_ Рік тому

    Thank you so much 🙏❤

  • @myrtheevelynn
    @myrtheevelynn 2 роки тому

    Can you create a tutorial on how to make a website like this one? Or did you use a specific theme?
    Btw love your videos!👍🏽

    • @GoTechUG
      @GoTechUG  2 роки тому +1

      Thank you Evelyn for watching.
      Can't promise on making the full website tutorial but maybe a couple of sections. You can grab the this template kit from envato elements.

  • @prakashbhatt6006
    @prakashbhatt6006 Рік тому

    Thank you so much

  • @SakibSmair
    @SakibSmair 8 місяців тому

    thank you

  • @therevolutionoflove8575
    @therevolutionoflove8575 2 роки тому

    Thanks, bro!!!

  •  2 роки тому

    Excelente!!

  • @kasimmuhd5119
    @kasimmuhd5119 2 роки тому +1

    Good

  • @kasimmuhd5119
    @kasimmuhd5119 2 роки тому

    Nice

    • @GoTechUG
      @GoTechUG  2 роки тому +1

      Thanks Kasim for watching.

  • @FindOutZimbabwe
    @FindOutZimbabwe 5 місяців тому

    Thank you so much