Hej Alle! Jeg skal aflevere eksamens projekt i morgen kl 12. Har virkelig knoklet med min hjemmeside, og det eneste jeg ikke kan få til at fungere er min navigationsbar. Har brugt bootstrap til min hjemmeside. Problemet er at mine menuer ikke er responsive når jeg gør siden mindre. Min faq menu går ud over kanten når jeg gør den mindre, inden den bliver til en burgermenu. Har valgt at give mine menuer en margin-left på 76%, når siden viser over 992 pixel. Det er meget vigtigt at menuen har denne ca procentvise position. Det er super mærkeligt at den ikke er responsivt når den er fået % width. Please skriv hvis i kan løse problemet på den ene eller anden måde. Link til hjemmeside: http://asgerfink.dk[...] Mvh Asger
--

Gæstebruger, opret dit eget login og få din egen signatur.

#1
Tobias
Gæst
03-06-2019 00:10

Rapporter til Admin

Du har nowrap på din navbar... Det er netop det du oplever, hvor den ikke wrapper og FAQ bare kør ud over kanten. Du skal derfor meget simpelt blot tilføj flex-wrap til .navbar-nav .navbar-nav { display: -ms-flexbox; display: flex; padding-left: 0; margin-bottom: 0; list-style: none; flex-wrap: wrap; }
--
Gæstebruger, opret dit eget login og få din egen signatur.

#2
asger
Gæst
03-06-2019 00:25

Rapporter til Admin

Hej Tobias! Mange tak for hjælpen. Den virkede delvist. Nu er den responsive. Problemet er nu, at den ligger menuerne over hinanden, i stedet for at aligne dem ved siden af hinanden. Hvordan løser jeg dette? :) mvh Asger
--
Gæstebruger, opret dit eget login og få din egen signatur.

#3
Tobias
Gæst
03-06-2019 00:41

Rapporter til Admin

Justerer på din margin. Hvorfor skal den være så voldsom? Du kan meget simpelt blot lave en media query hvor den kun er f.eks. 60% når den er omkring størrelsen hvor den stacker :)
--
Gæstebruger, opret dit eget login og få din egen signatur.