Tagged: 

Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • October 21, 2013 at 3:36 pm #178446
    petersandin

    Hi,
    Just purchased this theme and setting up things. I would like to have a horizontal menu in my footer, like the one that appears in the socket. How can I put the socket style menu in my footer.
    Cheers,
    Peter

    October 21, 2013 at 3:39 pm #178447
    petersandin

    Oh I forgot to ask how to get the “jump to top” icon that is present in the demo Enfold site. So can I add it here? :)

    October 21, 2013 at 5:42 pm #178535
    Yigit

    Hi!

    1) Please go to Appearance > Menus and check “Enfold Footer Menu” in Menu Settings http://i.imgur.com/x7yzSVv.jpg
    2) Back to top button will appear automatically when you have enough content on your pages

    Best regards,
    Yigit

    October 21, 2013 at 6:23 pm #178569
    petersandin

    Thanks for your answer Yigit,
    However, I think it’s not enough. I have created a menu that I use in the socket. It has the “Enfold Footer Menu” checked and so it appears in the socket. In my “Footer – column 1” (in the widget area) I add the custom menu widget and choose that menu but it then appears vertical and not horizontal.
    How should I do so that the menu appear (like it appear in the socket) in the footer and not the socket?
    Sorry about the other question, I realized it once I got enough stuff on the page.
    Cheers,
    Peter

    October 21, 2013 at 11:52 pm #178723
    Yigit

    Hi!

    How many menu items would you like to display in footer column 1? I do not think that i understood clearly what exactly you would like to achieve. Can you post a screenshot and show how you would like it to look?

    Best regards,
    Yigit

    October 22, 2013 at 9:52 am #178952
    petersandin
    This reply has been marked as private.
    October 23, 2013 at 6:51 am #179500
    Ismael

    Hey!

    Please add this on your custom.css or Quick CSS:

    #footer .widget_nav_menu li {
position: relative;
margin: 0;
clear: none;
float: left;
display: block;
font-size: 11px;
border-right: 1px solid;
padding: 0 10px 0 10px;
height: 20px;
}

#footer .widget_nav_menu li a {
position: relative;
top: -5px;
}

#footer .flex_column.av_one_fourth.first {
width: 100%;
}

    This will only work for one level menu group.

    Regards,
    Ismael

    October 23, 2013 at 11:29 am #179607
    petersandin
    This reply has been marked as private.
    October 23, 2013 at 4:23 pm #179755
    Ismael

    Hi!

    Are you using a Custom Menu with drop down or second level? Please give us a link to the actual website.

    Best regards,
    Ismael

    October 23, 2013 at 4:31 pm #179760
    petersandin
    This reply has been marked as private.
    October 23, 2013 at 4:47 pm #179774
    Ismael

    Hey!

    I edited the code above. Please try it again.

    Best regards,
    Ismael

    October 23, 2013 at 6:00 pm #179833
    petersandin
    This reply has been marked as private.
    October 24, 2013 at 5:10 am #180076
    Ismael

    Hey!

    Can you please give us a link to your website? Please add this on your custom.css or Quick CSS:

    #footer .widget_nav_menu ul:first-child>.current-menu-item, #footer .widget_nav_menu ul:first-child>.current_page_item, .widget_nav_menu ul:first-child>.current-menu-ancestor {
top: 0;
width: auto;
}

.footer_color .widget_nav_menu ul:first-child>.current-menu-item, .footer_color .widget_nav_menu ul:first-child>.current_page_item, .footer_color .widget_nav_menu ul:first-child>.current-menu-ancestor {
background: red;
}

#footer  .widget_nav_menu ul:first-child > .current-menu-item > a {
position: relative;
margin-top: -2px !important;
}

    Best regards,
    Ismael

    October 24, 2013 at 8:36 am #180137
    petersandin
    This reply has been marked as private.
    October 28, 2013 at 1:32 pm #181559
    Yigit

    Hi!

    Please add following code to Quick CSS in Enfold theme options as well

    .widget_nav_menu ul:first-child>.current-menu-item, .widget_nav_menu ul:first-child>.current_page_item { left: 0 !important; box-shadow: none!important; }

    Cheers!
    Yigit

    • This reply was modified 11 years ago by Yigit.
    October 28, 2013 at 2:19 pm #181576
    petersandin
    This reply has been marked as private.
    October 28, 2013 at 2:24 pm #181580
    Yigit

    Hey!

    CSS code is not being applied. I updated the code in my previous post and added !important to force it so please change it with that one.
    This is how it looks after code is applied http://i.imgur.com/XuCFI0N.jpg

    Best regards,
    Yigit

    October 28, 2013 at 2:26 pm #181584
    petersandin

    AWSOME YIGIT!!! Thanks a lot and thanks to Ismael too for alll the help!!!

    October 28, 2013 at 2:28 pm #181587
    Yigit

    Hi!

    You are welcome :) Glad we could help. Let us know if you have any other questions or issues

    Cheers!
    Yigit

  • Author
    Posts
Viewing 19 posts - 1 through 19 (of 19 total)
  • The topic ‘Socket menu in footer instead of socket’ is closed to new replies.