Jump to content

w3-container going OVER 100% of my screen width


Recommended Posts

Hello. Im convertig anold site to W3-css  & started on one page.. (i'll update the other pages soon).

 

http://sudoku.kwister.com/main?file=2020041310

 

The problem is, that the black menu at the top looks like 98% of the screen-width on a PCC / computer, & the yellow title above it, is 100% wide. HOWEVER, on the ipad - the black menu is 100% of the ipad width, but the yellow title, is OVER the width (making the ipad have a left/right scrollbar - or able to move sideways).

 

When i first tried to upgrade/fix this page (or page template),  I had the w3-row and w3-mobile on the 3 div areas (menu, main content & right-text).  According to the w3-css website, The sections should be above one another on small (ipad) screens.  Though the main Sudoku board overlapped the right-side text & didnt stack..

 

Am i forgetting one essential piece of code ? 

 

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...