@bjorno43 Ok, so I applied to the codepen the changes that you suggest, and it does work. However, by just applying 'width:100%' to the body on css, it works!!!
I thought the body would not lose its width and by default always set to 100%
Bjorn van de Peut
Ye. width:100%; only works up to the parent element. So if you have a 300px wide div and put a 100% width div inside that, it will only be 300px. In order to get 100% body width on an element, every parent element must be 100% body width as well
yeah!! THANK YOU SO MUCH @bjorno43
ronald03 sends brownie points to @bjorno43 :sparkles: :thumbsup: :sparkles:
@Antiaccess - hello... did you use the Bootstrap navbar template that they give you on the website? Or are you doing your own version?` One thing that you need to do (for Boostrap's version) is to move the jquery load before the bootstrap.js load.
Hey Ken, cheers for the response! I'm not using bootstrap, and I've not yet written any toggle code. I just made it the menu dissappear when the window is greater than 768px (in CSS)
I feel so out of my depth... as I'm not really a front-end dev, just trying to get my portfolio running
@Antiaccess - oh, so you're not using bootstrap, then... I'll have to look at your document that you're looking at and see what's supposed to be happening. One thing that you have in CodePEn is that your code is not configured correctly - the HTML panel should not have the entire page in it, only the HTML elements, basically. The CSS panel and config should have all CSS libs and custom CSS, same for the JS panel. But sometimes putting everything into the HTML panel works. It can result in trouble, since the CodePen method of using a template and filling it in sometimes collides with what you're intending to do, if you do things against the CodePen way...
oh right! I just imported it into codepen so I could share it. I'm working off a .html document
@Antiaccess - well, I don't think that the way that they are implementing the navbar that it has a toggle appear and disappear per se. I'm still looking at that page to understand. It looks like they have an expanded navbar at the bottom of the page, and then move it to the top of the page on a wider screen?
yeah that sounds right
not exactly what I'm looking for!
but don't really know what to do
thanks @khaduch I'm going to move on and come back to it later
antiaccess sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:
cheers @khaduch i think that's going to be easier for me to work with
@Antiaccess - I think that it's pretty straightforward to understand what's going on there, although it's a bare-bones version of a dropdown, in that if you look at a bootstrap version, it has smooth animation to expand it, etc. That probably wouldn't be too hard to add that in with some CSS animation. I hope that it works out for you - come back with any questions you might have.