Jump to content

w3-container going OVER 100% of my screen width


sarahfoxnz
 Share

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 comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...