Page 1 of 1

Toppens link/menu kommer ned på 2 linier !!!

Posted: Fri Feb 08, 2019 1:05 pm
by Peter1968
Kære alle

Har på vores lokale Idrætforenings hjemmeside anvendt Joomla i 1000 år !!
- Nu er det hele blevet opdateret og jeg kan ikke længere få det til at passe og se pænt ud !!

Siden er www.asgi.dk
- og vi kommer fra Alsønderup - Hillerød i Nordsjælland ;-)

1.spørgsmål:
Hvordan får jeg den øverste "bjælke" (der hvor der er link til de forskellige afdelinger) - til at stå på en linie !!! Således at de to sidste afdelinger (Tennis og NERF) ikke står på en ny linie ???

Nogen der kan hjælpe os ???

Hav en vidunderlig dag

Mange hilsner

Peter Windum

Re: Toppens link/menu kommer ned på 2 linier !!!

Posted: Fri Feb 08, 2019 6:28 pm
by posurreal
Hej Peter, Hilsner fra Virginia, USA.

I din skabelon index.php fil skal du kigge efter <header id = "sp-header" stil> <div class = "container"> og skift "container" til "beholdervæske", så dit logo og navigationslinjen bruger hele bredden af ​​skærmen.

Hvis du har brug for mere plads, skal du ændre sp-logoet fra col-md-3 til col-md-2 og col-md-9 til col-md-10. Disse tal skal tilføje op til 12 (3 + 9 eller 2 + 10). Så 2 + 10 giver navigationslinjen mere plads i forhold til logoet.

Hav en vidunderlig dag,
Mary

Re: Toppens link/menu kommer ned på 2 linier !!!

Posted: Sat Feb 09, 2019 12:11 pm
by Peter1968
Hej Mary ;-)
Tusind tak.
"Beholdervæske" ????
- OK, jeg åbner filen og prøver mig frem. Troede det var noget med ændring af margen med linksne...
Jeg prøver mig frem ud fra din vejledning ;-)

Mange tak ;-)

Re: Toppens link/menu kommer ned på 2 linier !!!

Posted: Sat Feb 09, 2019 1:00 pm
by Per Yngve Berg
Det er flere menu-punkter end det er plads til. Lav et topniveau med færre punkter. Flydt sportsgrenene ned til et sub-niveau. Det er ingen menu på mobiltelefoner. Den må publiceres i "offcanvas"-positionen.

Re: Toppens link/menu kommer ned på 2 linier !!!

Posted: Sun Feb 10, 2019 4:03 pm
by Peter1968
Kære Per Yngve og Mary

Tusind tak for jeres hjælp - jeg er MEGET taknemmelig ;-)

Jeg er klar over, at det er fordi der ikke er plads nok og links'ne hopper ned på næste linie, men:

Hvordan kan jeg ændre "margen" - "afstand" mellem mine links ??
- Lige nu er der nemlig meget luft/space mellem hver link ??

Giver det mening ??
- Hvis jeg kan gøre afstanden mindre, så vil der også plads til alle links....

Endnu engang TUSIND TAK fordi i vil bruge tid på at hjælpe mig ;-)

Tak Tak Tak

- og hav en fantastisk søndag

MVH Peter

Re: Toppens link/menu kommer ned på 2 linier !!!

Posted: Sun Feb 10, 2019 4:48 pm
by Per Yngve Berg
<div class = "container">

Ændre til <div class = "container-fluid">

Da vil siden bruge hele vinduets brede. Er der ikke en option i skabelonen for det?

Re: Toppens link/menu kommer ned på 2 linier !!!

Posted: Mon Feb 11, 2019 3:26 am
by posurreal
Ja, på http: // www.asgi.dk/administrator skal du gå til Udvidelser / Skabeloner / Skabeloner. Vælg din skabelon. Derefter vil du se nogle filer. Vælg index.php. Dette vil medbringe kode på højre side.


Se nu efter følgende kode: <header id = "sp-header"> <div class = "container"> <div class = "row"> <div id = "sp-logo" class = "col-xs- 8 col-sm-3 col-md-3 ">

Kan du se klasse = "container"? Skift det til "beholdervæske".

For at få menupunkterne tættere sammen skal du åbne din .css-fil. Lede efter:

.tb-megamenu .nav> li> a {
polstring: 26px 40px;
skrifttype-vægt: normal! vigtigt;

og skift til polstring: 26px 15px; eller lignende, men hold de 26 pixel.

26px = højde på menupunktet
15px sætter 15px før og efter dine menupunkter. Skift til det nummer du foretrækker.

Enjoy! -Mary

Re: Toppens link/menu kommer ned på 2 linier !!!

Posted: Wed Feb 13, 2019 3:06 pm
by Peter1968
....kan altså ikke finde en CSS fil, hvor der står den kode ??

Ved du hvad filen hedder ?

Kan koden evt. se anderledes ud ??

- undskyld for de måske dumme spørgsmål - men tusind tak for hjælpen ;-)

/Peter

Re: Toppens link/menu kommer ned på 2 linier !!!

Posted: Wed Feb 13, 2019 11:02 pm
by posurreal
Det ser anderledes ud end det, det gjorde for et par dage siden. Jeg ser
.sp-megamenu-forælder> li {
display: inline-block;
stilling: relativ;
polstring: 0;
}

i template.css

Intet mere du kan gøre der. Så skal du skifte beholder til beholdervæske. Eller skift nummeret på logosøjlen og navigationssøjlen fra det foregående indlæg.

Dette findes i indeksen index.php i skabelonen.

Du kan gøre en af ​​dem eller begge dele.