• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
Locked
0

Responsive Width

New Here ,
Oct 01, 2017 Oct 01, 2017

Copy link to clipboard

Copied

Hi, I have my site set to fixed width ... However, my nav bar and footer is set to stretch to browser width. Why when I view my design from a smaller desktop screen is this cut off? Thx! Randy

Views

188

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

LEGEND , Oct 02, 2017 Oct 02, 2017

Elements, which are set to browser width on a fixed width page, stretch to browser width, as long as the browser width is wider than the page width. If you drag the browser window smaller than the page width, these elements will be cut off. But this is normal behaviour of fixed width pages.

You can simply verify this by dragging the scrubber (this grey handle top right of the breakpoint bar) inwards.

Votes

Translate

Translate
LEGEND ,
Oct 02, 2017 Oct 02, 2017

Copy link to clipboard

Copied

One of the CSS rules for the main content is quite likely overriding the other stuff. Impossible to be more specific without knowing exact settings/ seeing your site.

Mylenium

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Oct 02, 2017 Oct 02, 2017

Copy link to clipboard

Copied

Elements, which are set to browser width on a fixed width page, stretch to browser width, as long as the browser width is wider than the page width. If you drag the browser window smaller than the page width, these elements will be cut off. But this is normal behaviour of fixed width pages.

You can simply verify this by dragging the scrubber (this grey handle top right of the breakpoint bar) inwards.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Oct 02, 2017 Oct 02, 2017

Copy link to clipboard

Copied

LATEST

Think it must of been a browser issue ... Because everything seem to be rendering fine now. Build in a traditional 960 Pixel grid. So, was somehow confused as traditional 14" laptops render at 1080. Thanks for your help.

Sent from my iPhone

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines