Okay
  Public Ticket #2407551
Salient menu
Closed

Comments

  •  2
    Lollo started the conversation

    Hi there,

    I need to move the main menu right below the slider.

    How can I do it?

    Thanks,

  •  2,979
    Andrew replied

    Hi Lollo,

    It is not possible to move main menu below

    Try using page submenu

    7186668540.png


    Hope this helps.

  •  2
    Lollo replied

    Thanks Andrew.

    How do I define this text style?

    Thanks again

  •  2,979
    Andrew replied

    Hi Lollo,

    There is option to change background and text color

    1042072862.png


    Thanks.

  •  2
    Lollo replied

    I did that already but I can't change font type and color (when mouse not over).

    Cheers

  •  2,979
    Andrew replied

    Hi Lollo,

    Try the following to change font family and color on hover

    body .page-submenu li a:hover {
        color: red;
    }
    body .page-submenu li a {
        font-family: cursive;
    }
    

    Hope this helps.

  •  2
    Lollo replied

    Good day Andrew,

    Ok, I managed to make it work. My submenu is now working although I'd like to give some more space between the menu items.. is this possible?

    On the other hand, having decided not to use the main menu, I still have the header stripe appearing on top of the main slider. Can you provide some code to hide it?

    Thanks again

  •  2,979
    Andrew replied

    Hi Lollo,

    Can we have a link to your website so that we see possible css.

    Thanks.

  •   Lollo replied privately
  •  2,979
    Andrew replied

    Hi Lollo,

    Use the following custom css to hide logo:

    #top #logo.no-image {
        display: none;
    }
    

    The following can control font size as well as font(Update the with previously sent):

    body .page-submenu li a {
        font-size: 30px;
        font-family: sans-serif;
    }
    


    Kind regards.

  •  2
    Lollo replied

    Hi Andrew,

    Perfect, it works!

    As for the page.submenu, how to control also the color for the off over state? I tried to add this extra line to CSS but it doesn't seem to work: color: #000000;

    Thanks again!

  •  2,979
    Andrew replied

    Hi Lollo,

    Use the following custom css:

    body .page-submenu li a:hover {
        color: #000000 !important;
    }
    

    Thanks.

  •   Lollo replied privately
  •  2,979
    Andrew replied

    Hi Lollo,

    Use the following to make color white before hovering:

    body .page-submenu li a {
        opacity: 1;
    }
    

    Kind regards.

  •   Lollo replied privately
  •  2,979
    Andrew replied

    Hi Lollo,

    I visited both pages and there is no page submenu element. Have you removed and find another work around?

    Thanks.

  •   Lollo replied privately
  •  2,979
    Andrew replied

    Hi Lollo,

    You need to turn off the following in column settings

    9631022993.png

    Hope this helps.