Menu does not fit

Home Forums Forstron Menu does not fit

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #20923

    cenancan
    Participant

    Menu does not fit

    Resolved

    Hey there! Have you noticed this support service is provided FREE of charge?
    If you like the speed and accuracy of resolutions, please consider supporting me with a small donation. Thank you

    Consider a donation →

    Hi,

    http://www.yatirimyurtdisi.com

    My menu does not fit next to the logo in smaller screens. I read the forum and tried the CSS you gave. Didn t work like I want.

    @media only screen and (min-width: 1200px) {
    .main-navigation {
    float: right;
    clear: none;
    width: auto;
    margin: 0;
    line-height: 5rem;
    }
    }

    Kindly check my other website. You can try reducing the size of the screen. You will see menu also starts to get smaller and stay on the right always. (until it reaches to tablet mode)

    http://www.cctinvestments.com

    #20924

    Oliver Juhas
    Keymaster

    Hi cenancan,

    Please note that you are comparing 2 different menus here. The menu on your other website uses shorter menu item titles and uses a different layout too (there are no social links right of the menu, for example).

    For your Forstron powered website, please use some custom CSS adjustment depending on your needs. Such as:

    @media (max-width: 1560px) {
      .main-navigation {
        margin-left: 20px;
        font-size: 14px;
      }
    }
    
    @media (max-width: 1300px) {
      .main-navigation {
        clear: left;
        margin-left: 0;
      }
      .main-navigation li {
        margin-right: 10px;
      }
    }

    If possible, try to refactor your main navigation menu, possibly using shorter titles. You can also play with your logo size using your custom CSS code.

    Please try using your web browser code inspector to determine the CSS for your theme modifications.

    Best regards,

    Oliver Juhas
    WebMan Design

    #20926

    cenancan
    Participant

    Thank you. It helped. I have one more issue.

    I want to align the menu to the right always.

    Please check the photo I attach.

    #20929

    Oliver Juhas
    Keymaster

    Hi cenancan,

    Please use custom CSS and adapt to your needs:

    .site-header .inner-wrapper {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
    }
    
    .main-navigation {
      margin-left: auto;
    }

    Best regards,

    Oliver Juhas
    WebMan Design

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.