Support » Theme: Twenty Twenty » Twenty twenty Meny

  • Resolved Roger Vikstrom

    (@roger-vikstrom)


    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)
  • 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;
      }
    }
    

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

    
    @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.

    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.

    solved

Viewing 5 replies - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.