Triing to have a larger menu - by ClairePawlowski

This topic has 14 replies, 3 voices, and was last updated 10 years, 2 months ago ago by Eva Kemp

  • Avatar: ClairePawlowski
    ClairePawlowski
    Participant
    September 7, 2015 at 09:06

    Hi, I’m triing to have a larger menu zone and I would like to have my menu align on right side of the page. Because, if I have a smaller screen the menu come on two lines.
    Is it possible? Can you help me on that?
    Thanks a lot.

    13 Answers
    Avatar: Eva
    Eva Kemp
    Participant
    September 7, 2015 at 11:10

    Hello,

    Please add this code in custom.css file:

    .container-fluid > .navbar-header {
        display: none;
    }
    .navbar-collapse.collapse {
        width: 600px;
        float: right;
    }

    Regards,
    Eva Kemp.

    Avatar: ClairePawlowski
    ClairePawlowski
    Participant
    September 28, 2015 at 12:05

    Sorry that I didn’t answer before, your email arrived in my spam.

    I tried to put the code but it doesn’t change anything, the problem is essentielly on sticky header.
    Is the menu fixed on 700 px wide? I would like to have 800px or 900px and really have the menu on right side, for the moment it stick on left side (next to the logotype).

    Can you help me?

    Thanks a lot.

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    September 29, 2015 at 08:25

    Hello,

    Please try to use this code in custom.css:

    .fixed-header-area .container > .navbar-header {
       display: none;
    }
    .fixed-header-area .collapse {
       width: 630px !important;
    }

    Best regards,
    Jack Richardson.

    Avatar: ClairePawlowski
    ClairePawlowski
    Participant
    September 29, 2015 at 10:14

    Thanks a lot for your answer. Have you another code to put my menu en right side, it should be one right site :

    .navbar-collapse.collapse {
    width: 800px;
    vertical-align: right;
    }

    .collapse {
    vertical-align: right;
    }

    .container-fluid > .navbar-header {
    display: none;
    }

    .fixed-header-area .container > .navbar-header {
    display: none;
    }
    .fixed-header-area .collapse {
    width: 800px !important;
    }

    .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
    margin-left: 75px;
    margin-right: 0px;
    padding: 0px;
    }

    BUT it still doesn’t work, and it appears on left side.

    Thanks a lot for your answer.

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    September 29, 2015 at 12:32

    Hello,

    Please provide us with WP Dashboard credentials in private content.

    Best regards,
    Jack Richardson.

    Avatar: ClairePawlowski
    ClairePawlowski
    Participant
    September 30, 2015 at 09:57

    Hi Jack,
    Please find in privat content my WP Dashboard credentials
    Thanks a lot for your help.

    Please, contact administrator
    for this information.
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    October 1, 2015 at 11:11

    Hello,

    Seems your site is cached.
    Please provide us with FTP credentials too.

    Thank you.
    Best regards,
    Jack Richardson.

    Avatar: ClairePawlowski
    ClairePawlowski
    Participant
    October 1, 2015 at 11:41

    Hi Jack,

    In private contente you will find FTP credentials.

    Best regards.

    Please, contact administrator
    for this information.
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    October 1, 2015 at 13:24

    Hello,

    Now your fixed header is shown this way:
    http://storage9.static.itmages.com/i/15/1001/h_1443702256_9389369_55c30e35f6.png

    Please clear browser cache and check.

    Best regards,
    Jack Richardson.

    Avatar: ClairePawlowski
    ClairePawlowski
    Participant
    October 1, 2015 at 15:14

    HI Jack,

    Thanks a lot! It works perfectly on sticky header but I would like to have the same on the classic header.
    Is it possible?
    Thanks a lot for your answer.

    Best regards.

    Claire

    Avatar: Eva
    Eva Kemp
    Participant
    October 1, 2015 at 17:50

    Hello,

    I’ve added this code in custom.css:

    .navbar-collapse.collapse, .tbs {
       width: 630px;
    }
    
    .container-fluid > .navbar-header {
        display: none;
    }

    Please clear browser cache and check the menu now.

    Regards,
    Eva Kemp.

    Avatar: ClairePawlowski
    ClairePawlowski
    Participant
    October 2, 2015 at 07:41

    Thanks a lot!!!! Its perfect!
    Best regards.

    Claire

    Avatar: Eva
    Eva Kemp
    Participant
    October 2, 2015 at 08:23

    Hello,

    You’re welcome.

    Regards,
    Eva Kemp.

  • Viewing 14 results - 1 through 14 (of 14 total)

The issue related to '‘Triing to have a larger menu’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.