10 ANNOYING things that Elementor should fix!

in this video i'm gonna be really honest with you and i'm gonna show you the 10 most annoying things about working with elementor pro there are some things that just need to be fixed and some features that just should be there and don't get me wrong i love elementor and i do not want to switch page builder so elementor if you're watching this video please take this video seriously and then we're all happy these are not huge things but are very essential let's get started [Music] so the first thing that i just don't understand about elementor is why after all these years they only have one kind of hamburger icon you can choose when you are creating a mobile menu like why is it that nowhere here i can change the style of the toggle button i only have this rounded hamburger and a cross but not every website has a rounded corners design i want to be able to to at least have a few options here where i can choose uh the toggle button or the hamburger icon for people that don't know this is called a hamburger icon because it kind of looks like a hamburger but i want to be able at least to have like a few options here and what would be even better if i would just have an option to upload my own svg for the normal state and then the active state like this it's a simple thing but it frustrates me okay the next one this one is also unbelievable okay so when you have a cool header like this with a background and you have a text you want to make that text readable so then they have this great option over here and it's called a background overlay and over here you can add a gradient that goes from black to transparency so you can make the text more readable like this but then if you want to go to mobile you click over here you go to responsive mode and then normally you would be able to set up different settings for your mobile phone over here that is not possible so when you're gonna change it over here to make it readable on mobile something like this increase the opacity maybe a little bit you know you want different settings for your mobile so maybe something like this right that would be great on mobile and then you go back to your desktop and then it applies also on your desktop so why are there no settings here for the different mobile tablet and desktop i just don't understand it so what i had to do is on the final website what i did is i just didn't even use this background overlay feature what i did is i went in photoshop and i created three images with the shadows inside of the jpegs but that just means that this feature is actually unusable so why is it even there for heroes sections like this so i just don't understand why writing responsive features are not here just give me them and then i don't have to go in photoshop all the time for the different images so let me show you so here you can see it i have three different images but this of course also makes the website slower because those are three different jpegs okay now this one this one i just don't understand this is a feature request i just don't understand why it's here because with elementor you can build dynamic websites you know they have this cool dynamic tag icon so you can load in any content that you want from here right but the most used situation is that you have a custom post type or for example something simple like this a blog where you want to load in your dynamic posts right or maybe your portfolio item that you created with a custom post type plugin like custom post wi or jet engine so you want to be able to have your own design in here because in my design file this is what i wanted to create so the categories on top then a title then a normal text and then a read more button shouldn't be that hard but in elementor it is for some reason it's not even possible to create a simple design like this because all you have is just the post widget where you can just delete a few things maybe delete the read more you cannot even add categories on top so this post widget is kind of useless so croco block has a great solution for this but it's a whole plugin right you have to pay extra for it but there's also a free plugin that you can just download it's called elementor custom skin and when you have this then inside of the page builder you will get this feature it's called loop here it's called loop in another plugin is called listing it's the same thing but here you can create your own listing template so your own block with dynamic data which you can then use on a big page so you can you create one of those blogs with all the elements that you have inside of elementor and then you can say like hey i want to use this design with the pose widget and that's actually all this is not really hard i think to create but it's so essential so let's say that i have a website like this that doesn't have a blog but it has a list with properties right you're not going to create a new pages for every property you're going to use a custom post type and then you want to be able to have your own design it's not here so come on elementor give us a listing or loop feature so we can actually bring our designs to live with dynamic content i think something that's really essential so let's say that you don't want to pay extra for another plugin for example croco block where you have the cool listing uh widget right maybe you don't have a big budget so you just use the free plugin elementor custom skin right so you have that loop well then if you want to use that it's possible but there's a problem because with the normal post widget you can if you have elementor custom skin now import that new cool loop right that is cool but that's not made by elementor so then you have your custom design over here but then if you want to change the column gap for mobile it's not possible well it is possible but then it also applies for desktop why are there no responsive options here because on mobile you have a different design than on your desktop especially when you have two columns on mobile maybe you have a small logo list well the spacing on mobile is different than it is on your big desktop so why is it not here this has nothing to do with the dynamic content this is something that should be here in the post widget even if you don't even use the cool elementor custom skin plugin just give us three options here with mobile desktop and a tablet so let's say that elementor is going to create that custom loop or listing feature then i want to ask for one more widget and that is an excerpt widget with the possibility to edit the length because right now that's not possible it just shows the whole excerpt on this blog post for example it's small but on some blog posts for example let's say that you have a blog post that has a longer excerpt then of course it will mess up your design because this is going to be really long and then your whole list is going to look like a mess so you want to be able to change the length of the excerpt that is shown here in the same way as they already have that feature over here in their post widget so if elementor is going to create a loop or listing feature please add this feature to the already existing post excerpt widget all right okay this one is also interesting so elementor has introduced the new form and the form has now steps so you can add steps to your form pretty cool so when people filling over here they click on next and they go to step two then they fill in this and they go to the next step right so you can have different steps now in your form but what if you want to change let's say page two so you are just working on step two page two of this form and you're just changing a few things over here so let's say i'm going to open the second question i'm going to delete the point over here you saw it when i change something it switched back to step one like why like i'm working on step two so i'm gonna change something else for example this question i'm gonna delete this letter and now it's back to step one like why i was working on step two like keep me on step two i just don't get why it's constantly switched back to step one just it's just a small thing but it's frustrating especially when you have a lot of questions in a form okay this one also is just it's unbelievable so you're working with columns a lot of times inside of a design and you also have your grid and the 1140 is the width of every element of website so that means from here from the logo to the actual end of the website so every column i should say so every main section like the main container is 1140 perfect right because then i know how to create a design but then what happens a lot of times is that you have different columns and you want the same spacing in between that's what you want so you create a section like this with a few columns and then you can define over here what the gap is between the columns but there are two problems over here first of all the naming like come on white wider narrow like what is this i have a design and i just want to be able to set up like hey 5 pixels 10 15 20 25 something like that like that is something that designers use like this is so amateur over here i just don't get it so let's say that you want to have like uh this on extended extended is um less wide than white and also less white and wider but still it's not aligned to the grid because the grid is over here and here's also space so then it's not aligned and what do you need to do well there is not an option in here because this is the gap on the inside but let's say that i want the same spacing between all of them but i also want to align it to the grid how am i gonna do that at this point you really have to to grab your calculator and just go in here and not even use padding because if you're gonna use padding for example over here that doesn't work so you need to you need to add margin over here you can use 10 on the right you can use 10 here 10 here but you can't use 10 here and then this block is bigger than those three so what i want over here is just a few presets so 5 pixels 10 pixels and i know you can set it up over here with custom but then still if you put in 10 it's still on the outside so i want to be able to align it to the grid i don't know if if it's easily possible and i know with that with some numbers you won't get the perfect alignment because i don't think it's impossible in math to do that perfectly but even if it's like 90 and then 20 that's better than grabbing your calculator and trying to make the spacing the same so please come up with something that's a little bit easier i get that this is not a super easy thing to implement from a math standpoint but this is is is not very nice what we have right now in your site settings which are by the way an amazing feature also a must-have that they have right now i love it so you can set up your main colors your main fonts so you don't have to change the fonts in every single widget amazing right so your typography over here your global font your global colors i use this all the time it makes my life so much easier if you don't use the site settings yet make sure you watch this tutorial on it because it's it's just amazing but just give me a few more options for the buttons because over here they say buttons but it's actually not buttons it's button there is no buttons over here you can only set up one button style but on a website like this look at this this is not very weird you have a normal button which is you know the green one you have another colored button but on a lot of websites you also have a secondary button so an outline one because in a lot of designs not all the buttons are the same right you have buttons that are more important which are filled solid and you have buttons that are less important and should attract less attention like these outline buttons so why are there no two or three options here to add different buttons because in a good design you just don't have one button for the whole website okay this one is also really interesting um you have a header like this with a logo a menu and some social media icons and you want to create a header for your mobile right so you go into your header template and you have your logo on here you have your menu in a different column and then of course social media icons in a column but on mobile you almost always want the hamburger icon on the right and then maybe the social media icons over here how are you gonna do that well there are some features where you can switch the columns on mobile but if you have three or let's say two or more columns or three or four then what are you gonna do because if you switch it then the logo becomes on the right so what you then have to do is duplicate the whole menu and then change up the columns over here like you want it so for example like this you know and then design it like this and then you have to turn this off on desktop and turn this off on mobile but i mean that creates more code it makes your website probably a little bit slower and it's not a very nice workflow so what i want is just very simple if you go over here and you go for advanced and then responsive i want to be able to say like hey on on desktop column one stays in one then two goes to three and then three goes to two that's what i want because then you will have you don't need to create two menus for every single website that has more than a logo and a menu which a lot of websites have i hope that this one is possible because that will really make our life a little bit easier okay and now one that i think also a lot of people want and that is to make whole columns clickable and i don't even know if this is possible and if it's easy to do but that will be nice because in a lot of designs you have different columns and you want to link those different columns to different sections or different pages instead of clicking on every individual widget and then going in and see if there's a link in there right or only link the button for example in a website like this where you have a custom design for your post like now i can only make the title link and maybe this one but not like the whole image and you want to make it easier for your users so just give it the option to you know link this whole column to a specific page and i think that would be really nice also for the user experience people that use that website but also for us as designers and you know starting developers that use elementor i think that would be a pretty good feature just from a user experience perspective because for the user it's just much nicer if they can click over here and go to the actual posts or for example like this two different pages okay guys so ah this was a nice video to make finally some frustration about the tool i love to use and i use every day but there are some things that i just need to change so let's hope that they will implement a few of these features i know there's also a github where a lot of people also have a feature request but these are just some of the things that that i run into which i think are so essential and if you have things that you find frustrating about elementor put them in the comments and maybe i can make uh an extra video like this with more points so maybe we can then you know as a community show elementor like hey this is what we care about and this is really important to us instead of focusing on new new cool features right and and for me you know it's also about making good business decisions because sometimes elementor introduces a new feature and it's it's such a cool feature but if you don't fix these simple things like this then then where are your priorities right and uh you know i know in in big companies you have different teams that work on different projects but you know it's the responsibility of the boss to to say like hey you know uh we're not gonna focus on new cool features uh this uh half year we're gonna focus on fixing the essential part first and not all the things in this video are essential but there are some things that i think are just big mistakes that they should fix i i really hope that a lot of people like this video that was very cheesy way to ask for likes but it's i really hope because i love to use this tool and i don't want to switch uh page builders because there is no other page builder that has the functionality that that elementor has so this was a there was a big video for me to make i'm happy that i made it it's my most honest review i think i've ever done uh even though it's not a real review it's just a list of things that frustrates me uh i hope that you also liked this video show your support in the comments and then hopefully we will see some of these features in the future in elementor thanks guys and i will see you in the next video on living with pixels [Music] you

Channel: LivingWithPixels

Views: 17,562

Keywords: Elementor features request, Elementor missing features, Elementor review, hamburger icon elementor, Menu icon elementor, Loop feature Elementor, Listing feature Elementor, Elementor custom skin, column alignment Elementor, Button design elementor, Mobile menu design elementor, Elementor problems, Elementor flaws, column gap elementor, Elementor worth it, Elementor fixes, Elementor loop, Truth about elementor, Elementor Honest review, Elementor Problem, Elementor hate

Id: E0DD--QwuBc

Length: 18min 23sec (1103 seconds)

Published: Thu Nov 04 2021