We shall have a look at it later on within the tutorial. Then we possess the header width. You see my logo starts here at the left and the menu ends here at the right if I make the screen smaller, CMD -, or CTRL – on the PC. It will be totally at the left over here and totally at the right if I would change the content width to full width. So no matter what big or just just how little your display is, the logo design shall remain completely in the left and also the menu during the right. We don’t that way. Therefore I take it right back to content width. Then we have been speaing frankly about the submenu over here. I scroll straight down a little and it looks like this if I hover over here. Well, we could replace the submenu container edge. Therefore it looks like this if I would say 6. It’s a little bit thicker, or 4 and you may alter color, in order to also state green after which if it is green i shall maybe not make use of this, however if you wish to, you are able to. And only at the best, into the base and also at the left you can easily additionally alter things, so it’s going to appear to be this. We could likewise have something edge between those things by checking this as well as we can offer that the color. So it red, it looks like this if I would make. We with gray and I bring this back to 2, 0, 0, and 0 and that looks like that (maybe a little bit lighter) like that like it to be greyish, so I go to black and then fill it. Or even, i prefer the button to be the color that is blue. Anything you want, it is all for you to decide. It is possible to alter.
The animation right now – it fades – you can make it slide down, or slide up. I love fade. Then we now have the mobile header. If I like to observe how it appears to be regarding the mobile, I’m able to click over here about this symbol and today we go right to the mobile variation, the truth is my logo design over here very well and in case We view here, We have the menu by having a submenu. I do believe this certain area is actually small to click on with your thumb. And so I desire to get this certain area larger. How to do that? I scroll straight straight straight down a little after which we come across menu label on little unit. Therefore I state in capitals: MENU. That which you see over the following is that the area to click the menu is larger. Therefore when you yourself have a dense thumb, it is best. Then we look at here once once once again, and so I publish it and I also go to elementoire.com. Therefore over only at the menu breakpoint – what does it suggest? Whenever should this menu differ from this menu to a hamburger menu. Me see – this is the normal menu if I make this smaller – let. And today over here, it becomes this menu. And this over here at this time could be the breakpoint. So at this time you notice the menu, but then it’s like this if i will make this 500 for instance, publish > refresh. And if I ensure it is smaller, which means that this is certainly 500 pixels.
Well, it is wanted by me become larger. Therefore possibly I am able to state 800 publish > refresh. It bigger, this is the breaking point if we make. Well i believe Astra understands what they’re doing, and so I reset it and I also think it is ok. Then we must drop down objectives for the mobile so we return over here, drop straight down target, we skip so it’s really both exactly like far when I understand. The toggle key style, only at that moment it appear to be this, you may state outline and there’s an edge similar to this, exactly what i love is a fill after which I like to have the colour associated with the logo design that way. It’s the same now. Therefore I prefer this one, it is possible to select another one. We are able to likewise have an edge radius. I take it straight back; at this time the thing is at the left – a logo design, and also at the– menu that is right. You are able to pile it upon one another similar to this. So whatever you would like; i love it in this way. The thing that is great the logo change immediately. Therefore if I’ll get this longer, this can adjust immediately. I enjoy that. Do you know what, i do believe this can be a bit that is little overwhelming. Thus I can state minimal… that way.
That which we may do now? The text color – we could allow it to be white. It is currently quite white then the web link color we could ensure it is different things. Therefore now it is green. Therefore i’d like to see, exactly what can you are doing? You are able to ensure it is a bit that is little but that looks a bit strange. Thus I think this color should stick out therefore possibly green is a choice like this. You will want to? whenever we hover on it, it is possible to replace the color to red as an example then it becomes red. And so I like to ensure it is various – blue, green a small bit lighter. That way. Or even the other method around, after which that one darker like this.