Okay
  Public Ticket #2306850
sub menu length
Closed

Comments

  • trinicloud started the conversation
    February 21, 2020 at 5:47am

    How can i make the sub menu longer ? i have changed my font size to 20 . please see attached image

  •  3,022
    Andrew replied
    February 21, 2020 at 7:01am

    Hi there,

    Use the following custom css:

    #top .sub-menu a {
    padding: 10px;
}

    Hope this helps.

  • trinicloud replied
    February 21, 2020 at 3:14pm

    Andrew, padding doesnt seem to work.

    I want to extend the length of the sub menus so that the words are not jubbled.

  •  3,022
    Andrew replied
    February 21, 2020 at 4:16pm

    Hi there,

    Your website is under construction hence not accessible. Can you allow us access it so that we send possible css.

    Thanks.

  • trinicloud replied
    February 21, 2020 at 4:22pm

    Andrew i have the client site accessible for now. 

  •  3,022
    Andrew replied
    February 21, 2020 at 4:38pm

    Hi there,

    Use the following custom css:

     #top .sub-menu a {
    line-height: 20px !important;
}

    Hope this helps.

  • trinicloud replied
    February 21, 2020 at 4:45pm

    Thanks for the reply Andrew, but that does work.

    I want to be able to for example have : "Quality management system"  as one line.

    I even tried increase the value from 20 to 40px but that just increases the spacing between lines

  • trinicloud replied
    February 24, 2020 at 6:42am

    any update on this ?

  •  3,022
    Andrew replied
    February 24, 2020 at 6:54am

    Hi trinicloud,

    Try the following to increase submenu width:

    @media only screen and (min-width: 1000px){
#header-outer[data-format="centered-menu"] #top nav >.sf-menu >li ul{
    width:400px;
}
}

    Hope this helps.

  • trinicloud replied
    February 24, 2020 at 6:57am

    Thanks that worked.. :)

    All i have to do now is to change the background colour of the sub menu

  •  3,022
    Andrew replied
    February 24, 2020 at 7:01am

    Hi trinicloud,

    Change that in Salient > Header navigation > Layout and General styling

    4362935457.png


    Hope this helps.

  • trinicloud replied
    February 24, 2020 at 7:04am

    i love the support.. question: how do i remove the 1px space between the menu and the submenu ? i see it when i scroll down the page and move over the menu/sub menus

  •  3,022
    Andrew replied
    February 24, 2020 at 9:12am

    Hi trinicloud,

    Can you send a screenshot indicating it so that we easily locate.

    Thanks.

  • trinicloud replied
    February 24, 2020 at 4:58pm

    please see attached

  •  3,022
    Andrew replied
    February 24, 2020 at 5:01pm

    Hi trinicloud,

    The website is not accessible from public. Can you share login credentials so that we can see possible css direct from your website

    Thanks.

  • trinicloud replied
    February 24, 2020 at 5:03pm

    i am putting the site live for a few minutes

  •  3,022
    Andrew replied
    February 24, 2020 at 5:10pm

    Hi trinicloud,

    Try the following:

    #header-outer:not(.transparent) .sf-menu > li ul{
    border-top-width:0;
}

    Hope this helps.

  • trinicloud replied
    February 24, 2020 at 5:12pm

    thanks Andrew .. it works. you can close this ticket.

  • arsport replied
    March 19, 2020 at 10:45pm

    Hi, I need decrease the padding between MAIN MENU and 1st subMENU item.

  •  3,022
    Andrew replied
    March 20, 2020 at 6:56am

    Hi arsport,

    Your website is under construction hence not accessible. You can share temporary username and password that can allow us to see the menu.

    Thanks.

  • arsport replied
    March 20, 2020 at 5:06pm

    Andrew the site is vidanuevaenlinea.com and now is launched. Thanks!

  •  3,022
    Andrew replied
    March 23, 2020 at 5:07am

    Hi arsport,

    Sorry for delay in response.

    The website has no sub menu right now. If you still need to reduce the padding then please redirect us to a link where we can see.

    3966515207.png


    Thanks.