Twenty twenty Meny

  • Resolved Roger Vikstrom

    (@roger-vikstrom)


    5 years, 2 months ago

    How to center the meny this css I do already have on my side
    .entry-content > p:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
    max-width: 800px;
    }
    .home #site-content .entry-header {
    padding-top: 0px;
    }
    @media (min-width: 700px) {
    .site-logo img { max-height: 120px; }
    }
    #site-header .primary-menu li a {
    font-size: 22px;
    }
    body:not(.overlay-header) .primary-menu > li > a {
    color: #000;
    }
    /*** screen smaller than 700px ***/
    h1, .heading-size-1 { font-size: 3.6rem; }

    /*** screen between 700px to 1219px ***/
    @media (min-width: 700px) {
    h1, .heading-size-1 { font-size: 6.4rem; }
    }

    /*** screen 1220px and bigger ***/
    @media (min-width: 1220px) {
    h1, .heading-size-1 { font-size: 8.4rem; }
    }

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Anonymous User 14254218

    (@anonymized-14254218)

    Do you mean like this?

    https://snipboard.io/rb2xsR.jpg

    
@media (min-width: 1000px) {
  #site-header > .header-inner {
    flex-direction: column;
  }
  .header-titles-wrapper {
    margin: 0 0 3rem 0;
  }
  .header-titles {
    justify-content: center;
    margin: 0;
  }
}
    Thread Starter Roger Vikstrom

    (@roger-vikstrom)

    great It’s seems to work how to get the meny in the top?

    Anonymous User 14254218

    (@anonymized-14254218)

    
@media (min-width: 1000px) {
  #site-header > .header-inner {
    flex-direction: column;
  }
  .header-titles-wrapper {
    margin: 3rem 0;
    order: 1;
  }
  .header-titles {
    justify-content: center;
    margin: 0;
  }
}

    Change the previous code for .header-titles-wrapper as noted above. This should do the trick.

    Thread Starter Roger Vikstrom

    (@roger-vikstrom)

    Great so far so good. I’m so grateful

    Now i would like to have the page more good looking.

    First this area
    Naturfotograf Roger Vikstr?m / RVBILD
    Naturfoto med inriktning p? nordisk natur och vilda djur

    seems to be misplaced could I hide It? and make the space smaller to the

    Med naturen i fokus. and the image and Meny. also i tryed the Sticky meny plugin but i can not get It work.

    Thread Starter Roger Vikstrom

    (@roger-vikstrom)

    solved

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Twenty twenty Meny’ is closed to new replies.