Browser chopping off text

[Ray.H]

@UpstateLeafPeeper

So I made that change and it sorta seems to fix things, but now i see when my browser window is maybe 3/4 width that still the “Store” link and my #menuLink disappear if you keep shrinking the window.

I’m still able to access them with the horizontal scrollbar at the bottom of the page. Though horizontal scrollbars is what you want to avoid with responsive design.

I’m not sure how it will effect your site, but on the test code your working with now you can remove the min-width: 840px; to resolve the problem.

#pageWrapper{
  position: relative;
  display: block;
  min-height: 100%;
  max-width: 1200px;
  /*min-width: 840px; */
  margin: 0 auto;
}

[UpstateLeafPeeper]

@Ray.H

@UpstateLeafPeeper

So I made that change and it sorta seems to fix things, but now i see when my browser window is maybe 3/4 width that still the “Store” link and my #menuLink disappear if you keep shrinking the window.

I’m still able to access them with the horizontal scrollbar at the bottom of the page. Though horizontal scrollbars is what you want to avoid with responsive design.

Okay, yeah, I didn’t notice that. (Should be good enough for now.)

@Ray.H

I’m not sure how it will effect your site, but on the test code your working with now you can remove the min-width: 840px; to resolve the problem.

Okay. Honestly, I don’t recall why I had a minimum there, but there must have been a reason. I know that I have some fairly complicated pages, so I probably put that there as a “safety bumper” of sorts.

Again, will have to do for now.

---

Say, while I have you here, I have some random questions related to this page…

1.) Can I add spaces after the comma for readability here?

 <meta name="viewport" content="width=device-width,height=device-height,initial-scale=1">

2.) Should the text inside a button be bold or normal weight?

3.) Is it a problem to have a yellow button with black text next to a blue button with white text?

4.) If I had to make my new “mast” (i.e. logo, menu links, top menu) into a fixed position heading, would that break any of what we did with Flexbox? (I don’t think I would do that, but just curious.)

5.) And do you have any opinions on if a fixed heading/mast is good or bad? (I know I do have a fixed mast for the e-commerce checkout portion of my website because I don’t want people loosing certain items during checkout.)