How to Make Your WordPress Website Mobile Friendly with Elementor 2019

Поделиться
HTML-код
  • Опубликовано: 9 мар 2019
  • How to Make Your WordPress Website Mobile Friendly with Elementor 2019
    ★ ---- Important Links ---- ★
    * SiteGround --- bloggdude.com/sg (Get 60% OFF Link)
    * Tmd Hosting -- bloggdude.com/tmd (Use NAYYAR7 for 7% Discount)
    * A2 Hosting --- bloggdude.com/a2 (Get 51% OFF Link)
    --------------------------------------
    ☑ Watched the video!
    ☐ Liked?
    ☐ Subscribed?
    --------------------------------------
    ☑ Twitter -- / realnayyar
    ☑ Facebook -- / bloggdude
    --------------------------------------
    For more tutorials like this, or to learn how to make a wordpress website feel free to visit my website. Also make sure to subscribe to my newsletter where i give away divi layouts!
    Note: Some of the above links are Affiliate Links, Which Means I earn Some Commission through that Which helps me Keep Making these Free Videos for You.
    #wordpress

Комментарии • 291

  • @raginggranniessongsite9758
    @raginggranniessongsite9758 5 лет назад +4

    Thank you for this video. I just finished making my site mobile friendly using your tutorial. It looks so much better now.

  • @b00000000b999
    @b00000000b999 3 года назад +5

    Thank you so much for this helpful video! You made everything seem so simple and easy to do :)
    Excited to go watch the rest of your videos!

  • @efosaodigie5282
    @efosaodigie5282 5 лет назад +16

    Thanks a million. Thus tutorial has been so helpful honestly

  • @AkashDas-qx2he
    @AkashDas-qx2he 3 года назад +6

    I was having a lot of problems in making my website mobile responsive,this single video solved all of them,Thank You keep posting such content

  • @Mons7659
    @Mons7659 2 года назад

    this is the second video i have watched from your channel and both really helpful! you just got a new subscriber

  • @samreenfarooq8274
    @samreenfarooq8274 3 года назад

    i wonder who dislikes your videos, this is such a source of information.

  • @josephchibueze8068
    @josephchibueze8068 2 года назад

    Thank you Nayyar, I had not seen this video before commenting on one of your other videos about this same issue. Pls when you see this, know that you've solved my problems. You're the best. Keep it up.

  • @prokassim
    @prokassim 3 года назад

    Thank you Nayyar , you are a great instructor and a genious !!

  • @LukeAdams1997
    @LukeAdams1997 4 года назад

    Thanks Nayyar, your tutorials are always easy to follow and I always learn new stuff

  • @BRAINIQSTUDY
    @BRAINIQSTUDY 5 лет назад

    bro your all vdo so osm ...you are the one jiska chnl m follow kr rha hu digital marketing related.gud job....go ahead..god bless yu ..always support you

  • @michaelhofby
    @michaelhofby 5 лет назад +1

    I like the way you say "Over here" :) Its good

  • @shourovhasan7798
    @shourovhasan7798 4 года назад

    Thanks a lot man. You helped me a lot to do mobile friendly. love your channel. love you from BD

  • @pheno4454
    @pheno4454 3 года назад +1

    Thank you for the presentation.
    But I ask how do we have to see the logo of the mobile point with the wordpress editor in order to be able to modify the home page of our site as on Elementor to adapt it to the mobile version.
    In fact my site works well with the desktop version but with smart phones, I don't even see the home image of the mobile point.

  • @MaleeqBarz
    @MaleeqBarz 3 года назад +1

    My bro, you are a rockstar🔥🔥🔥 this tutorial was on point. You literally earned my subscription, like and comment🤣

  • @subhrasoumyaghosh7636
    @subhrasoumyaghosh7636 5 лет назад

    Announce your next live season.. i have mised last one. But i watched it latter without skipping a sec.. really enjoyed..

  • @noblecauseinsurance7101
    @noblecauseinsurance7101 3 года назад

    Thank you very much for your video. I score 100 & 100 (Mobile & Desktop) on google page speed after watching this video by optimizing page for mobile user.

  • @user-oo3tb2go1c
    @user-oo3tb2go1c 9 месяцев назад

    Thank you!! Amazing video exactly what I needed!

  • @sachara_sacharoze
    @sachara_sacharoze 5 лет назад +7

    Hey, very good video, very informative and helpful. I wanted to ask you a question, why my adjusted pictures in mobile rearange in desktop viewing?

  • @RahulSharma-oj4ik
    @RahulSharma-oj4ik 3 года назад

    1:10 - 1:15 Wow! Thanks for so many tutorials 😃

  • @shibupadapaul7765
    @shibupadapaul7765 5 лет назад +2

    Hi Nayyar, I like your video. i may request you one minor issue-need to add a CIRCLE/COLOR marker or pointer at Cursaw
    such that we can follow easily your mouse moving .....Presently sometimes we miss sometime to mark it.

  • @rafahkabir
    @rafahkabir Год назад

    Thanks for the tips man! Really helped.

  • @germainrodriguez5230
    @germainrodriguez5230 5 лет назад +1

    Keep them coming bro!!!

  • @larryps
    @larryps 4 года назад

    Great video Sir. You taught me a lot. Thank you.

  • @Jacubamustoff
    @Jacubamustoff 2 года назад

    You have the strongest accent I have ever heard! Oh my gosh- I love it

  • @aartirathore4216
    @aartirathore4216 3 года назад

    Thank u so much dear...you are solving my problem

  • @PresidentialKitchen
    @PresidentialKitchen Год назад

    Thank you sooo much, saved me so much time

  • @TechSkills254
    @TechSkills254 5 лет назад

    Thank you brother your tutorial has made me a WordPress tetchy once again shukran

  • @olajesutheophilus
    @olajesutheophilus Год назад

    This is absolutely perfect. Thanks for Sharing.

  • @jenga227
    @jenga227 4 года назад

    Thank you! I'm now a subscriber.

  • @a.v.n.ssripavan5506
    @a.v.n.ssripavan5506 Год назад

    Thank youu sooo much bro, you're video saved me from my boss

  • @KannadhasanShekar
    @KannadhasanShekar 3 года назад +1

    Very helpful tip.. thank you so much brother

  • @khalid.6540
    @khalid.6540 2 года назад +1

    Thanks man!! ❤️

  • @funfestfrenzy
    @funfestfrenzy 2 года назад +1

    thanks man it was really helpful!

  • @waliulislam2533
    @waliulislam2533 5 лет назад +2

    Very Important topic and really helpful. You're really awesome ❤️️

    • @arpitkamboj3858
      @arpitkamboj3858 10 месяцев назад

      Sir, Whenever I make changes in Mobile it will also affect on Desktop, How can I solve this problem, Please Reply🙏🏻😔

  • @xmanarx2614
    @xmanarx2614 Год назад

    Thank you! Great explanation!!

  • @subhrasoumyaghosh7636
    @subhrasoumyaghosh7636 5 лет назад

    Now a days every online venture is incomplete except mobile app. You have done extra ordinary job. Please make some tutorial to make app using api. Thanks a lot... Best wishes

  • @passport_papii
    @passport_papii 4 года назад

    the purple image used on the homepage, what would you call that design? I am looking for a variation of that artwork would be a huge help!

  • @silverian
    @silverian 3 года назад

    Thanks for Best Practices tips!

  • @rangabharath4253
    @rangabharath4253 5 лет назад +1

    Thank you so much bro for this awesome video

  • @roopaprajapati869
    @roopaprajapati869 Год назад

    Thanks for this video I really want this type of video ❤

  • @muhammadwaqasfaisal7957
    @muhammadwaqasfaisal7957 5 лет назад

    your videos are very informative and helpful. thanks for sharing knowledge.

  • @Thefootynutritionist
    @Thefootynutritionist 4 года назад

    hi thank you for the video. I have an issue where it all looks great in movile view in responsive mode however when i view on my mobile, the colors have changed? any idea?

  • @sadiqpatel3107
    @sadiqpatel3107 5 лет назад

    Great work, i needed this info

  • @vloggingcart2848
    @vloggingcart2848 Год назад

    Thank you Shaikh Sahb ❤❤.

  • @SunnySohalArt
    @SunnySohalArt Год назад

    Thankyou for this tutorial

  • @yummyasif2049
    @yummyasif2049 2 года назад

    Great this tutorial is very helpful for me thanks :)

  • @shubhampradhan9900
    @shubhampradhan9900 4 года назад

    Thank you so much
    Very informative video

  • @khizaramjad9620
    @khizaramjad9620 5 лет назад

    Thanks for the great work 👍🏻

  • @warriergemini1
    @warriergemini1 4 года назад

    TOO GOOD MAN, THANK YOU.

  • @lunabauza6198
    @lunabauza6198 4 года назад +1

    i have a huge problem.. i make everythng look nice in the mobil view as you showerd but when i publish and go to the phone and get in the website doent take the template at all!! i have seen all your vids but havent found a answer if you please please con help me! :(

  • @IndiaInformationDiary
    @IndiaInformationDiary Год назад

    Thank you so much... ❤️😍❤️

  • @MrUzair1984
    @MrUzair1984 2 года назад

    Thanks for making helpful videos

  • @sagarjaid1800
    @sagarjaid1800 5 лет назад +5

    ♥️😄 your offering valuable Content!

  • @maheshbariya
    @maheshbariya 10 месяцев назад

    Thanks, It helps me

  • @m.dfarhan7675
    @m.dfarhan7675 8 месяцев назад +1

    Thanks you so much

  • @NareshSharma-oy6py
    @NareshSharma-oy6py 2 года назад

    Hey when i save desktop setting and work on mobile screen after done mobile screen and save it... when i again come on desktop my desktop setting is also be converted as mobile means doing any one setting after submit both are looking same please help me

  • @alanwalkerfan3292
    @alanwalkerfan3292 5 лет назад

    Your all video is awesome and knowledgeable

  • @vijoo5896
    @vijoo5896 3 года назад

    how to optimize cutome header. I have created a header in illustrator. Now I uploaded it on website but it is not mobile friendly.should i upload another header with smaller size?

  • @mitchellstewart6745
    @mitchellstewart6745 Год назад +1

    Hi buddy, I was really wondering how I can make my inner section in elementor contain the columns on mobile and to scale the CSS uses down for mobile do you know if this is possible in Elementor?

  • @nikhilsingh2453
    @nikhilsingh2453 3 года назад +1

    sir i tried following your steps, but when i made my website mobile friendly and customized mobile friendly version, it made effect on the desktop version also, who can i make my website mobile friendly without getting effect on the desktop version of the site, i followed all your steps by using elementor but i wasn't able to, plz help me out

  • @bengalurufoodieguy1715
    @bengalurufoodieguy1715 4 года назад

    Thanks alot!! Lots of loves

  • @Sknazim5
    @Sknazim5 4 года назад +1

    Why in a page? I want to customize my homepage where my all posts shown.

  • @mohdsahil8590
    @mohdsahil8590 Год назад

    thankyou sit this video helpfull to me

  • @MrMenace3210
    @MrMenace3210 4 года назад

    Please show us what a product page with "add to cart" looks like on mobile - there are no examples online! (There are issues with the ad to cart customiser)

  • @AhmedVonKabs
    @AhmedVonKabs 5 лет назад

    Nice one Nayar u are very good

  • @SankarJankoti
    @SankarJankoti 5 лет назад

    Thank you.Can you please create a video to book appointment with doctor and doctor can maintain it and also to create a mobile app using wordpress.

  • @atekdigital
    @atekdigital Год назад

    How did u change the view in mobile screen window, we have just normal rectangle view urs in the mobile screen how❓️

  • @homeportchurch
    @homeportchurch 3 года назад

    Great job! Thx!

  • @Reihanehp
    @Reihanehp 3 года назад

    Very helpful, thanks

  • @espedale
    @espedale 3 года назад

    Great job. Wondering if it is possible to make a section background and it's overlay mobile friendly.

  • @theonewiththehead2466
    @theonewiththehead2466 3 года назад

    Please help I’m using a free theme and when i check if it’s phone friendly or not while I’m using the computer it looks perfect but when i open the web using the phone there are soo much ugly blank in every page !!!

  • @emmanuelministery6899
    @emmanuelministery6899 10 месяцев назад

    Thank you brother

  • @yunusemreakkaya5790
    @yunusemreakkaya5790 2 года назад

    greaaaaaat THANKS 100 MILLION

  • @ctplmart7904
    @ctplmart7904 2 года назад

    Can you please share the code for auto breakdown of a nav menu after a specific point and became auto dropdown for last menu items for top menu bar in desktop view only. For ex- if my website nav menu items are more in numbers, which are not set in a single line in menu bar, in hat case I want to some of the last menu items will become the dropdown items under "More" for desktop view. But this "More" should not be a menu item. Fr mobile view, this "More" shouldn't show.
    Please help me by giving the code for a wordpress website.

  • @muhammadansari4622
    @muhammadansari4622 3 года назад

    Thanks brother appreciated

  • @lumbarthought558
    @lumbarthought558 Год назад

    but for me when i change stuff in the mobile version the pc version changes aswell?

  • @raffatrn3756
    @raffatrn3756 4 года назад +1

    Hi Bro I Have question designed the 1 website but it showing only desktop not an mobile browser can you help me this what was the issue

  • @omto.m
    @omto.m 4 года назад

    ocean wp theme does not have the option for changing header image for each page.

  • @guisetech1971
    @guisetech1971 3 года назад +1

    Too much helpful

  • @MEHYT23
    @MEHYT23 3 года назад +1

    plz can you answer my question when ever I edit something in mobile view it automatically changes in desktop view also please help

  • @Gili0
    @Gili0 4 года назад

    oh you got that crispy audio sir

  • @uditkumar2083
    @uditkumar2083 3 года назад +1

    Good content, very helpful

  • @syrphyy3627
    @syrphyy3627 3 года назад +1

    Good.Thanks😌

  • @gonwa9029
    @gonwa9029 5 лет назад

    Hello Nayyar, helpful video. What happened to all your drop shipping videos? I was following a tutorial to build a website and now i'm stuck because i can't find the video. Please answer :(

  • @preetichawla3894
    @preetichawla3894 2 года назад

    Can you please help. I have Oceanwp theme on my woocommerce website. I want to show 2 products in 1 row in categories to customers in mobile version of website. Please guide 🙏

  • @freshproducemusic
    @freshproducemusic 5 лет назад

    How can i enlarge the Hamberger menu size? Im using OceanWP with Elementor, thanks

  • @sudhanshuranjan6512
    @sudhanshuranjan6512 3 года назад

    Just waana say thanks🙏🙏

  • @josiaha.hanson9860
    @josiaha.hanson9860 3 года назад

    Great and Awesome.

  • @sidciscotv8263
    @sidciscotv8263 3 года назад +1

    brother nice tutorial but the problem is the minute i click anything in mobile layout it says content not found and goes back to DESKTOP MODE it happens every time ... Can you please help me? i need to make a website on URGENT BASIS

  • @user-hx4cj9dh8j
    @user-hx4cj9dh8j 10 месяцев назад

    just one more question please . if i wanna make a mobile friendly web am i obligated to have wordpress?

  • @somasudharsansivakumar6736
    @somasudharsansivakumar6736 7 месяцев назад

    Hi,
    When i try to edit the page mobile view, desktop version affects, eventhough i make sure of icon editing besides every feature. Im not sure where im losing. Please help

  • @william.darrigo
    @william.darrigo 4 года назад

    Thank you!

  • @user-xl5op2tt7j
    @user-xl5op2tt7j 5 лет назад +1

    By Following your instructions I just finished building my multi vendor ecommerce website. If you can please do a video on how to set up product filters.Thanks. You're really awesome.

    • @AhmedVonKabs
      @AhmedVonKabs 5 лет назад +1

      Yes am also following same

    • @NayyarShaikh
      @NayyarShaikh  5 лет назад +1

      I have a video on my channel on how to setup Product Filter watch that, search on RUclips Nayyar Shaikh Product Filter

    • @FreeFirenoble
      @FreeFirenoble 6 месяцев назад

      when i make change on mobile mod my desktop mod also effected@@NayyarShaikh

  • @nicselectronics81
    @nicselectronics81 2 года назад +1

    When I edit my logo in mobile it changes in tablet and desktop, how do I keep the change strictly mobile?

  • @mykommunity7074
    @mykommunity7074 2 года назад

    Hi thanks for this! I'm using Hivepress Listings and it is saying the theme is not compatible :( I need to keep that theme, what can I do?

  • @aymamalik8201
    @aymamalik8201 10 месяцев назад

    So for mobile version, the logo and top menu bar is not fixed. It moves as one scrolls down and that doesn't look good. Exactly how to fix that?

  • @bollywoodnewsattracation1766
    @bollywoodnewsattracation1766 2 года назад

    Thnk you so much

  • @melfordbirakor
    @melfordbirakor 2 года назад

    Thanks a lot

  • @ggetpathconsultants
    @ggetpathconsultants 4 года назад

    Wonderful Video. Keep it up

  • @BollywoodHelpCenter
    @BollywoodHelpCenter 3 года назад

    Tell me one thing what is different between landing page and home page ?