Temat: Drobny problem z responsywnością

Dzień dobry,

mam drobny problem z moim tak właściwie pierwszym projektem responsywnym. W dodatku opieram się na podstawowej, wordpressowej skórce TwentyThirteen.

Mianowicie, mam problem z menu, nie chce mi ono "pływać" i dopasować się do innych elementów, oczywiście zmniejsza się, ale tworzą się przerwy.

http://nowastrategia.org.pl/tym/

Mogę też coś podesłać jak będzie potrzebne. Z góry dziękuję za pomoc!

Temat: Drobny problem z responsywnością

Hej,

Nie drobny tylko poważny IMHO. Za dużo śmieci w HTML i CSS (rzeczy zbędne, po co odziedziczane po skórce WP). Nie chcesz (czy nie umiesz) zrobić własnej skórki do WP + Twitter Bootstrap.

Na pierwszy rzut oka - chcesz responsywności a na sztywno ustawiasz height dla #dodatki i #hd itp. itp. Stąd masz odstępy od menu na górze i na dole (nie jest to margin ani padding).

Do zmiany. Nie ma co szukać błędów bo szybciej będzie to zrobić od początku.

Temat: Drobny problem z responsywnością

Dzięki za odpowiedź! Faktycznie, lepiej będzie to przekonstruować od początku, bo trochę przekombinowałem ze zmianami.

Temat: Drobny problem z responsywnością

Tak szczerze to ja nie wiem do czego mu Bootstrap potrzebny, niech chłopak spróbuje całość wydziergać na samych @media-queries. Robi się to Igorze tak, że najpierw piszesz zwykłą strukturę, zwykłego css'a dla wersji desktop a później dorzucasz przykładowo @media (max-width: 1023px) { i tutaj przerzucasz wszystko z góry co musi zostać zreformatowane } Zreformatowane czyli np. jak masz w wersji desktop header h1 {font-size: 48px;} to dla 1024px max szerokości możesz sobie zredefiniować to co już napisałeś poprzez header h1 {font-size: 30px;} - po prostu tak jakby nadpisujesz sobie wartość tego co już istnieje.

Bootstrapa nie ma co wykorzystywać na ślepo. Ja tak kiedyś robiłem a później jak sobie przeanalizowałem swoje prace to wyszło, że z BS biorę głównie grid'a i nic ponadto a muszę się babrać za każdym razem z konfiguracją w less, do tego dochodzą zawsze jakieś dodatkowe klasy które nigdy nie zostaną nigdzie użyte... jednym słowem wg. mnie BS nie jest do wszystkiego.

Czytnij sobie artykuł u Chris'a http://css-tricks.com/css-media-queries/ - jest już chyba dość wiekowy ale generalnie zasady się nie zmieniły.

Temat: Drobny problem z responsywnością

Dziękuję za odpowiedź! Artykuł na pewno się przyda. Cóż, faktycznie zrobiłem ten nagłówek od początku i teraz już jest tam wszystko tak jak miało być. Zostały już mi tylko drobne poprawki (strona aktualnie znajduje się pod adresem: http://www.nowastrategia.org.pl ). Mimo wszystko następnym razem faktycznie nie będę opierał się na gotowych projektach tylko zrobię wszystko od zera - będzie mniej problematycznie.