Ubermenu - in footer

Support
#1

Am i able to make a slightly different style footer menu to the main menu i have made? I have placed a menu in the footer but i would like to make it look a bit better then it currently does, its style does not resemble my main menu.

For example the footer menu is showing arrows next to the current page which i do not want.

Also i would like to remove the dividers, use the same font i use in the main menu and change the font size.

thanks for any help you may be able to provide

#2

Hey,

To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

#3

Hi John,

Thanks for the reply, here is the url:

http://www.jacquelinekennedy.co.uk/home/

Would i need to make new versions of each menu item, for example copying “Home” and then customising each one in the menu section and using the uber menu button for each item?

thanks

#4

Hi,

Your site is currently under Construction mode.

Would you mind providing us with login credentials so we can take a closer look? Please provide following information:

Set it as Secure Note

  • Link to your site
  • WordPress Admin username / password

All the best!

#5

Hi Paul,

Yes sorry i did this yesterday. I have updated the details in a secure note now,

thanks

James

#6

Hi James,

I am able to check and I can see it is a widget menu and not Ubermenu on your footer:

We can always use developer tools to inspect element and change default style. See this: https://screencast-o-matic.com/watch/cb6FfJI73n

.widget_categories ul>li a, .widget_product_categories ul>li a, .widget_nav_menu ul>li a, .widget_pages ul>li a {
    font-family: 'Playfair Display SC', serif;
    font-size: 12px;
}
.widget_nav_menu .current-menu-item>a:after {
    content: "";
}
.widget_categories ul>li, .widget_product_categories ul>li, .widget_nav_menu ul>li, .widget_pages ul>li,.widget ul li:first-child, .widget ol li:first-child {
    border-top: 0;
}

Hope this helps.

#7

Thank you for the help, just wondered if i am able to get rid of the last little line below “Contact”, ive looked at the code but couldnt see any difference to the other elements in the list,

thanks again

#8

Hi,

To get of it, you can add this in X > Launch> Options > CSS

.x-colophon.top .widget_nav_menu ul {
   border-bottom:0;
}

Hope that helps