Now we’re going to go ahead and add our top navigation to our site to do this you use the ad panel and here if you scroll to the top we can actually add a section as soon as you click into this this will include it in the display area so right now we have a section we’re going to.
Use the style panel to go ahead and give it a class of top nav here we can.
Actually edit the the attributes so if we wanted to change the.
Background color which we do we can go in here and select the particular color that we’re looking for and then we can actually edit the transparency of that so let’s say that we wanted to set it at around 43 43.
43 of RGB value and then let’s give it a opacity of around 90% so you can manually enter it or you can actually use the the click and drag method to actually change the color here so we’re going to go.
Ahead and click OK and now we have our top nav with the class it’s changed the background the next thing we’re going to do is add in a link block for our before we do that we need to add.
In a container the container will set the width of the content that is within a particular section so if we add in a container here you know it’s off you could see that it’s offset on the left and the right side this sets our content to fit nicely with some padding on the.
Left and right sides of the you know full width of the the web page itself so now.
That we have our container we can add in a link block within that container to house our logo before we do that we’re gonna go ahead and include an image and we’re gonna upload the image and within our assets folder we can go ahead and navigate and select the logo dot PNG as soon as we drop that in you can see.
That the the image is now placed in there the one.
Thing that we’ll want to do is add some padding around the actual logo itself in order for it to kind of breathe some so.
Navigator panel if we select our link we can go back to our style panel and give it a class of logo from there using the position you can just click and drag to give it a little bit of padding and.
So here we’ve clicked and dragged and we’ve given it 10 pixels up top and the other way you can do it is actually just clicking directly on.
The number and typing it in so 10 pixels on the bottom as well and now you can see it’s got a little bit of breathing room on top and the bottom.