Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • April 20, 2020 at 12:37 pm #1205481
    jorisbl

    Hi there,

    I would like to have a bordered menu item next to the burger menu. And separators in between them. Could you help me with some CSS for this?
    Looks a bit like this

    https://ibb.co/j3WgzfQ

    • This topic was modified 4 years, 7 months ago by jorisbl. Reason: image link added
    April 21, 2020 at 8:34 am #1205684
    Rikard

    Hey jorisbl,

    You could try adding the extra content to a widget in the header: https://kriesi.at/documentation/enfold/header/#adding-a-header-widget-area. If you need further help then we need to be able to inspect the actual elements on your site.

    Best regards,
    Rikard

    April 21, 2020 at 9:13 am #1205705
    jorisbl

    Hi Rikard,

    many thank for this, could you also help me get the menu next to the burger? It’s now under the logo at the left side.
    I gave Jordan a login for the site to help.

    Hope you can help me out.

    April 21, 2020 at 4:29 pm #1205856
    Victoria

    Hi jorisbl,

    Please share credentials in this thread too :)

    Best regards,
    Victoria

    April 21, 2020 at 5:26 pm #1205894
    jorisbl

    Hi Victoria,

    in private content are the credentials.

    regs,

    April 22, 2020 at 6:13 pm #1206304
    Victoria

    Hi jorisbl,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (min-width: 768px) {
    #nav_menu-3 {
        width: 270px;
        float: right;
        height: 50px;
        top: -35px;
    }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    April 22, 2020 at 7:21 pm #1206342
    jorisbl

    Hi Victoria,

    many thanks! How can I adjust font family, size, bordered etc? Can’t seem to do it via advanced styling?

    regs,

    April 24, 2020 at 4:41 pm #1206853
    Victoria

    Hi jorisbl,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#top #nav_menu-3.widget_nav_menu li a {
    font-size: 18px;
    font-family: "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
    border-right: red 2px solid;
}
#top #nav_menu-3.widget_nav_menu li a:hover {
    color: red;
}
@media only screen and (min-width: 768px) {
    #top #nav_menu-3 {
        width: 270px;
        float: right;
        height: 40px;
        top: -30px;
        margin-right: 120px;
    }
}
#top #nav_menu-3.widget_nav_menu ul,
#top #nav_menu-3.widget_nav_menu ul li {
    height: 70px;
}
#top #nav_menu-3.widget_nav_menu a {
    padding: 0;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    April 24, 2020 at 5:38 pm #1206877
    jorisbl

    Hi Victoria,

    many thanks. How can I adjust font and font size? And how to add a border around it?

    regs,

    April 26, 2020 at 4:02 pm #1207274
    Victoria

    Hi jorisbl,

    https://share.getcloudapp.com/WnuGJv5o This is the code for the font-size.

    https://share.getcloudapp.com/jkulZGBo This is the code for the border on the right.

    If you remove the right part, the border will be around.

    Best regards,
    Victoria

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.