‫Here, what's up guys and
‫Welcome back.
‫So in this video, we're going to be talking about this header right here so you can see we work with
‫this header.
‫And now we are going to be talking about the top bar.
‫You can see how cool is it looking.
‫And you can see this cross is right here because of this right here.
‫So if you go and you open this page in a new tab, basically in an incognito window where you are not
‫logged in, you will see it to be much better.
‫So we're going to be adding basically the icons for the wishlist and for the my account and also for
‫the search.
‫So we're going to be adding these icons over here and then we're going to be talking more stuff.
‫We're going to be keeping this to be same so you can add your stuff over here about your company.
‫Now, let's go and let's come up here and let's first change the color.
‫So you can see that they are using an inner section right here.
‫You can see an inner section is being used in this column.
‫Okay.
‫So very good.
‫At first, select the main column because I think in the main column they're applying the colors.
‫So let's see.
‫And the color is not being applied.
‫Now, let's talk about the main section.
‫So we're going to click the main section.
‫We're going to hit edit header and let's see the color over here.
‫If they're applying any color and they're not applying the color to this as well.
‫So I think probably they should have been applying it to be on the column over here.
‫So we're gonna select the color and we're going to change this and let's see if anything happens.
‫So you can see nothing is happening in this particular column.
‫So let's go to let's select the edit intersection and let's clear it.
‫Let's select the edit intersection.
‫Okay.
‫And let's see if the color is being applied there.
‫And yes, it's being applied.
‫Now, you can select the intersection.
‫You can see.
‫This is the section that is intersection.
‫And if you bring your mouse outside, then here, that is actually the outside section.
‫Now, if you need to be more precise, what you can do.
‫You can just come up here and you can switch to the navigator.
‫And inside this header.
‫We have one column.
‫Then we have inner section and inner section.
‫This inner section is for the top bar and this inner section is for the header.
‫So you can click this inner section and then you can click over here.
‫And here is the color.
‫So how dense it is.
‫Now, let's go to let's talk about the color here.
‫So we're going to switch the color to be this one.
‫And it kind of looks good to me.
‫And everything is design, I would think.
‫So if we have to work, but still there are some things that we have to work.
‫So you can see this is right here.
‫We've got this search and then here we have got this right here.
‫So what we're going to do in this particular column, we're going to be adding the icons.
‫So what you have to do, you have to delete it from here.
‫And because we don't want to add any social links, if you want to add do, you can just keep it here
‫and then you can add the icon links over here instead of search.
‫So don't worry about it if you if you want to add it.
‫So now let's go to let's work with the icon and I'm going to search for the icon list.
‫I'm going to drop it here.
‫This is right here.
‫I'm going to switch this two in line and the text to be gone.
‫So we're going to get rid of the text from each item.
‫And there we go.
‫You can see this is how the icons is looking.
‫So if I click over here, you can see how they're looking.
‫Now, we're going to change this.
‫So first one is going to be of the heart.
‫So we're gonna just search for heart or we here and we're going to select the solid heart and.
‫This guy is going to take us to the what we call that wish-list page so you can just write here wish
‫and it's going to search for the wishlist and you can just click there.
‫Now, let's talk about this one.
‫So for this one, we're going to be adding the my account or add here.
‫Okay.
‫So for the my account .
‫We have to just look for the user.
‫And this is actually the user.
‫So we're going to be adding this solid.
‫And this one is going to be for this search.
‫Okay.
‫So we have to click over here and we have to look for this search over here.
‫And we have to just select this and we have to insert this
‫This is right here.
‫Now, what you can do.
‫You can design it.
‫So for the space between now, I'm going to be keeping it really very loose and divider.
‫You can add the dividers that it's just going to add a sign over there and we're going to be keeping
‫it to be aligned to.
‫Right.
‫And let's work with the icon.
‫So we're going to increase this size.
‫That's the most important thing first.
‫Like so.
‫And let's keep this space to be a little less.
‫Okay.
‫And now let's change the color.
‫So we're going to change the color to whites and we're going to change the hover to be this color.
‫Or let change this to be black so that this is visible even on hover like so.
‫And everything is perfect.
‫So so you can read criticizing Ruki the alignment.
‫You can line this to center.
‫And let's select this column over here and make sure that this is also set to middle over here.
‫And let's go and let's break that text.
‫So there is no text.
‫We are not writing any texts.
‫We are only working with the icon to we are going to leave it.
‫Now, let's select this, my account that we added and we're going to just link it to the my account.
‫So we're going to search where my account.
‫And this is my account, you can click over here and the link is going to be automatically added and
‫you can hit update and that's all.
‫Now let's go and let's refresh our page.
‫And here it is working, so we've got this search.
‫We've got this wish-list over here and we've got this user account, my account specifically.
‫And oh, this is right here.
‫You can see that we added the CSS on the ocean, Wp.
‫Not this time.
‫So we're going to be adding that as well over here to that.
‫This applies to this particular theme as well.
‫And now we've got this search now for the search.
‫I'm going to be creating a specific other video because that is going to be some more advanced of that
‫we're going to be doing.
‫So now you can see basically that this search that is added by the elementor .
‫And if you search for iPhone over here and you hit enter, you can see that the search results that
‫you're getting is like this.
‫So that is why we need to get these search results like this.
‫If we add post underscore type is equals to product.
‫OK.
‫So if you type this over here, then we need our search results to be like this instead of that.
‫So that is why I have to create a specific video that is going to require some of the HTML and
‫jquery that we will be adding.
‫And don't worry, it's really very easy.
‫I'm going to be giving you the code and I'm also going to be explaining you the code.
‫So if even you forget that, you're going to remember that in your brain, because that's really very
‫easy.
‫So in the next video, we're going to be talking about this search and our header is kind of lovely right
‫now.
‫So in the next video, we'll be working up with that babye.