Return to previous page

Creating a nice footer menu - by barronpj67

This topic has 8 replies, 2 voices, and was last updated 7 years, 11 months ago ago by Jack Richardson

barronpj67

Participant

February 28, 2016 at 11:45

Hello, I’d like to add a footer menu, but style it like the default header menu in variant 1. I’ve added a menu widget to the footer and my custom menu appears, but it is a vertical menu and I can find no easy way to style it within the theme or visual composer etc. Do I have to resort to manual CSS to style it or are there some tools in your package that I can use?

Many thanks.

#115214 Copied

7 Answers

Jack Richardson

Support staff

February 29, 2016 at 15:01

Hello,

We can try to adjust menu widget with css styles or you can try to create menu just writing the links of pages in Text widget.
Unfortunately we don’t have any tools in the theme to style Custom Menu widget.

Best regards,
Jack Richardson.

#115339 Copied

barronpj67

Participant

February 29, 2016 at 21:32

OK, thanks.

The Victoria variant has a nice horizontal menu in the footer, so I assumed that I’d be able to achieve the same effect easily, without CSS. But I can see now that there is A LOT of CSS in the demo! To be honest, I thought the theme combined with Visual Composer etc would avoid the need for so much CSS. Oh well…

#115529 Copied

Jack Richardson

Support staff

March 1, 2016 at 09:59

Hello,

Could you please clarify where exactly you see horizontal menu in footer on our Victoria demo? Please show us a screenshot. Thank you.

Best regards,
Jack Richardson.

#115574 Copied

barronpj67

Participant

March 1, 2016 at 10:14

It’s in the demo version that I downloaded:
http://www.riding-gear.co.uk/classico-demo/

#115595 Copied

Jack Richardson

Support staff

March 1, 2016 at 21:16

Hello,

You can import that footer version in wp-admin > Tools > Import > WordPress and import footer variant that you can find in the theme package in “XML Files” folder > “Footer variants” folder.
Then you’ll see that footer in Static Block section.
Go to Appearance > Widgets > “Footer Area” and drag “Static Block” widget in there select the block that you imported.

Best regards,
Jack Richardson.

#115722 Copied
barronpj67

Participant

May 19, 2016 at 16:10
Yes, it’s been a while since I last looked at this, but I finally got round to trying out your suggestions.

Your suggestion to “try to create menu just writing the links of pages in Text widget” was super easy when I realised what you meant. In the footer area, I inserted a text widget and then just inserted the following text:
```
<div class="my-footer-menu">
<ul  class="menu" >
<li><a href="https://www.riding-gear.co.uk/riding-gear-2/">Homepage</a></li>
<li><a href="https://www.riding-gear.co.uk/riding-gear-2/about-us/">Contact us</a></li>
<li><a href="https://www.riding-gear.co.uk/riding-gear-2/terms-and-conditions/">Ts & Cs</a></li>
<li><a href="https://www.riding-gear.co.uk/riding-gear-2/privacy-cookie-policy/">Privacy Policy</a></li>
</ul>
</div>
```
The result was a nice, clean, simple menu exactly like the header menu and I can easily tweak it with ‘my-footer-menu’ style. Simples!

Thanks for the idea!
#126561 Copied
Jack Richardson

Support staff

May 19, 2016 at 16:18

Hello,

You’re welcome.

Best regards,
Jack Richardson.

#126567 Copied
Viewing 8 results - 1 through 8 (of 8 total)