Ondersteuning » Thema en CSS/opmaak » Menu verbergen

  • Opgelost Black Metal Benelux

    (@blackmetalbenelux)


    Weten jullie of het mogelijk is om het Menu te verbergen op 1 specifieke Pagina en zo ja, hoe gaat dit precies in zijn werk?

    De pagina waar ik hulp bij nodig heb: [log in om de link te zien]

10 reacties aan het bekijken - 1 tot 10 (van in totaal 10)
  • Moderator Jeroen Rotty

    (@jeroenrotty)

    Support Moderator

    In het thema twentyseventeen zitten er geen page templates zoals “blank page” zodat je enkel de page content ziet zonder header/footer.

    Je zou dat wel kunnen doen met wat CSS. Elke pagina krijgt een klasse mee zoals bv je homepage:

    .page-id-120 #masthead{
    display:none;
    }

    Dit verbergt de hoofdding volledig, menu en dat erboven. Het getal moet je dan wel vinden voor de pagina die je wilt aanpassen, dat doe je door de broncode te bekijken en de klasses op de <body class=”…”> tag te lezen, daarin staat het gedeelte page-id-GETAL.

    Thread starter Black Metal Benelux

    (@blackmetalbenelux)

    Jeroen Rotty,

    Dankjewel, het is gelukt met je code, het gaat om deze pagina: ” http://www.blackmetal.nl/androidapp ”. Maar snappen jullie tot slot waarom er op die pagina, onder de onderste regel (©: Black Metal Benelux), meer zwarte ruimte zit dan op de homepage zelf, op dezelfde plek: ” http://www.blackmetal.nl ”? Kortom, onderstaande extra css codes lijken enkel en alleen maar te werken op de homepage zelf, want daar is het wel, zoals ik het wil: ” http://www.blackmetal.nl ”.

    #colophon {
    display: none;
    }
    .panel-content .wrap {
    padding-bottom: 0!important;
    }

    Beide codes heb ik uit een van mijn vorige topics: ” https://nl.wordpress.org/support/topic/enkele-vragen-3/ ”.

    Moderator Jeroen Rotty

    (@jeroenrotty)

    Support Moderator

    Dat er op alle pagina’s exclusief de homepage die ruimte zit, komt door deze code in je thema:

    @media screen and (min-width: 48em)
    .page:not(.home) #content {
      padding-bottom: 3.25em;
    }

    Als je die code kopieert en op 0 zou zetten, dus:

    @media screen and (min-width: 48em)
    .page:not(.home) #content {
      padding-bottom: 0;
    }

    Dan zou je wat je wilt bereiken :-).

    Thread starter Black Metal Benelux

    (@blackmetalbenelux)

    Jeroen Rotty,

    Je bovenstaande extra css code geeft geen verschil?

    Moderator Jeroen Rotty

    (@jeroenrotty)

    Support Moderator

    Dan is of je scherm niet 48em breed, of de CSS die ik gaf schrijft de andere CSS niet over omdat het niet later geladen wordt dan je extern CSS bestand. Je zou !important kunnen toevoegen:

    @media screen and (min-width: 48em)
    .page:not(.home) #content {
      padding-bottom: 0!important;
    }

    Dit is dacht ik ook afhankelijk van het WordPress thema dat je gebruikt. Bij sommige thema’s kun je namelijk ook in de sidebar(bij het bewerken van een pagina) aangeven of je de header en/of footer wilt verbergen.

    Moderator Jeroen Rotty

    (@jeroenrotty)

    Support Moderator

    Hey Antonius,

    Klopt, sommige thema’s hebben zo’n template file, maar Twenty Seventeen – op de site hier in gebruik, heeft dat niet.

    Thread starter Black Metal Benelux

    (@blackmetalbenelux)

    Kan ik dit ook niet fixen in de Theme Editor en/of in de FTP,

    En als dit wel kan, hoe gaat dit dan precies in zijn werk?

    Alvast bedankt voor jullie mogelijke reacties,

    Heb je de tweede code van Jeroen geprobeerd(Met important)? Je kunt dit doen in de customizer onder custom css

    Thread starter Black Metal Benelux

    (@blackmetalbenelux)

    Ja, die important code doet het ook niet, ze doen allemaal niet wat ik wil. Dus daarom zeg ik, kan het in de Theme Editor en/of in de FTP? En waar moet ik dan precies zijn, wat moet ik dan precies doen?

10 reacties aan het bekijken - 1 tot 10 (van in totaal 10)
  • Het onderwerp ‘Menu verbergen’ is gesloten voor nieuwe reacties.