How to increase the width of the primary navigation bar?

  • Resolved daviddgl

    (@daviddgl)


    7 years, 5 months ago

    How to increase the width of the navigation bar in Panoramic theme.

    Here is my website link. .

    1. I need to arrange the navigation items from the left.
    2. Somehow it is holding some width, which i am not able to figure out

    could any one give me hint to correct this??

    Because of this issue, if I add more items, the items are coming down, which looks ugly even in 14inch monitor.

    Thanks in advance!!

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hello @daviddgl

    You can achieve this by applying following CSS code.

    .panoramic-header-layout-centered .main-menu-container {
     text-align: none !important;
}

.main-menu-container {
    max-width: 100% important;
  
}

    Hope this will help.

    Thanks.

    Hi daviddgl (@daviddgl)

    You can achieve this by applying following CSS code.
    Go to your css code file and increase your width.
    following is the code:-

    .main-menu-container {
    margin: 0 auto;
    max-width: 100%;
    position: relative;
    }

    .menu {
    width: 100%;
    }

    I hope this will be help you.

    Thanks.

    Thread Starter daviddgl

    (@daviddgl)

    @wbcomdesigns

    Its worked perfectly..

    Could u let me where is the related codes for the styling this primary navigation.

    If so, I can style a bit different.

    Thanks a lot..

    • This reply was modified 7 years, 5 months ago by daviddgl.
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to increase the width of the primary navigation bar?’ is closed to new replies.