diogo Posted August 5, 2015 Share Posted August 5, 2015 Hi Guys, Here's another website from us. It is some months old, but I was waiting for all the content to be in place before showing. http://davinci-porto.pt/ This is a frames workshop and art gallery in the main art neighbourhood from Porto. the content is in Portuguese, sorry Exceptionally in this site, there was no intervention from Erika, so the design is mine. 8 Link to comment Share on other sites More sharing options...
tpr Posted August 5, 2015 Share Posted August 5, 2015 Nice! One glitch on win phone: overflow-x should be set hidden, pages have large blank space on the right. 1 Link to comment Share on other sites More sharing options...
diogo Posted August 5, 2015 Author Share Posted August 5, 2015 Thanks @tpr! overflow-x was already set in the body. I added max-width: 100vw instead, can you check if it dit it, please? Would be great, thanks! Link to comment Share on other sites More sharing options...
tpr Posted August 5, 2015 Share Posted August 5, 2015 Sorry, that didn't fix it. Try reducing the zeros here: header .main-nav:before { width: 1000%; } 1 Link to comment Share on other sites More sharing options...
diogo Posted August 5, 2015 Author Share Posted August 5, 2015 I actually need those 1000%, but only on desktop sizes. Removed it from mobiles sizes, should be fine now. Thanks for your help Link to comment Share on other sites More sharing options...
tpr Posted August 5, 2015 Share Posted August 5, 2015 Yes, it's ok now! 1 Link to comment Share on other sites More sharing options...
Christophe Posted August 5, 2015 Share Posted August 5, 2015 From my 32" screen, I see "Made by ED" on one line and "Design" on another one. More precisely, only a very small top part of "Design" is visible. This only appears on Firefox (38.0), not on Chromium or Opera. Perhaps it's only on GNU/Linux... It is resolved, for example, with something like: footer .wrap p:last-child { width: 14%; } The minimum seems to be 14%. It seems not necessary to precise the difference (86%) for the first p tag. Link to comment Share on other sites More sharing options...
eze102 Posted August 5, 2015 Share Posted August 5, 2015 Very nice!... Just FYI: credit in bottom right corner (Made by ED...) remains cutoff despite browser window size 1 Link to comment Share on other sites More sharing options...
diogo Posted August 5, 2015 Author Share Posted August 5, 2015 Thanks @eze102! Could you tell in what device that happens? Link to comment Share on other sites More sharing options...
eze102 Posted August 5, 2015 Share Posted August 5, 2015 Yes, it happens in Firefox browser in Windows Link to comment Share on other sites More sharing options...
eze102 Posted August 5, 2015 Share Posted August 5, 2015 Here it is 1 Link to comment Share on other sites More sharing options...
apeisa Posted August 19, 2015 Share Posted August 19, 2015 Same here. Link to comment Share on other sites More sharing options...
elabx Posted August 19, 2015 Share Posted August 19, 2015 Can confirm it also happens on Firefox (Chrome and Safari looks ok) on Mac, I see it's got something to do with a negative margin value? Link to comment Share on other sites More sharing options...
Mike Rockett Posted August 19, 2015 Share Posted August 19, 2015 Correct - I think that may be the case, @elabx. Simple fix: footer p:last-child { float: right; width: 180px; text-align: right; } Link to comment Share on other sites More sharing options...
diogo Posted August 20, 2015 Author Share Posted August 20, 2015 Thanks guys! I had this on my to do list, but got berried in the deep. It's fixes now with Mike's code. Thanks! 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