diogo Posted August 5, 2015 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
tpr Posted August 5, 2015 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
diogo Posted August 5, 2015 Author 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!
tpr Posted August 5, 2015 Posted August 5, 2015 Sorry, that didn't fix it. Try reducing the zeros here: header .main-nav:before { width: 1000%; } 1
diogo Posted August 5, 2015 Author 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
Christophe Posted August 5, 2015 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.
eze102 Posted August 5, 2015 Posted August 5, 2015 Very nice!... Just FYI: credit in bottom right corner (Made by ED...) remains cutoff despite browser window size 1
diogo Posted August 5, 2015 Author Posted August 5, 2015 Thanks @eze102! Could you tell in what device that happens?
elabx Posted August 19, 2015 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?
Mike Rockett Posted August 19, 2015 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; }
diogo Posted August 20, 2015 Author 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!
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