sarahfoxnz Posted April 12, 2020 Share Posted April 12, 2020 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 More sharing options...
sarahfoxnz Posted April 13, 2020 Author Share Posted April 13, 2020 Ive fixed it - I haad a DIV w3-container, & then a second div for the menu code. I removed the w3-container div & included it in the menu div.. FIXED Link to comment Share on other sites More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now