Home › Forums › Weaver Xtreme Theme › How to style the extra menu shortcode
- This topic has 5 replies, 3 voices, and was last updated 7 years, 9 months ago by
Wasserwerk.
-
AuthorPosts
-
May 16, 2015 at 13:22 UTC #17757
nstratman
ParticipantOn the site http://www.lavenhamliteraryfestival.co.uk I’ve adjusted the height of the main menu using the standard options available via the the theme. My footer menu uses the shortcode [extra_menu menu_name='footer' menu_style='primary' menu_type='horizontal'] so I thought I’d have a go at styling this menu to be a similar height to the main menu. I added the parameter class=’llf_extra_menu’ to the shortcode, and added the following rule in the Custom CSS Rules area. I added !important as a 2nd attempt, and I’ve changed the colour to make it more obvious if my change has worked, but it hasn’t! This is an area of customisation where I’m still in the foothills, so show me what I’m doing wrong please:
.llf_extra_menu {color: red; !important ;padding-top: 10px !important ;padding-bottom: 10px !important ;}May 16, 2015 at 13:48 UTC #21979scrambler
ModeratorYou did not read or understood the options of the extra menu correctly.
No need to style it, you just need to use the standard type for the extra menu instead of the horizontal type.
Horizontal is a minimalist type that does not take all the styling.
Standard, will take ALL the styling from the primary menu bar settings
May 16, 2015 at 15:32 UTC #21980nstratman
ParticipantAh yes, I had read but not understood. With your explanation I have now chosen menu style as primary and type as standard, which replicates the style of my primary menu in the extra footer menu. I see that if I wanted a different appearance for the footer menu I would choose style as extra, then I would use the block of styling options in the Theme Menu options.Thank you.September 9, 2015 at 23:04 UTC - Views: 2 #21981Wasserwerk
ParticipantHello,
to have this result I activated the option: “Hide Menu Bars:” and put html in “Pre-Header Code” instead,
using [weaver_extra_menu menu='top' style='menu_bar'].
But this way the submenus are not showing on hover. Is this not possible generally ?I tried also to realize this design using “Add HTML to Menu Bar” and “Add HTML to Left:“, but the image was rezised automatically too small.
My goal is to realize this design, does not matter which way.
Any idea ?September 9, 2015 at 23:45 UTC #21982scrambler
ModeratorPlease do not double post…Your answer is there:http://forum.weavertheme.com/discussion/comment/60226/#Comment_60226
September 10, 2015 at 08:09 UTC - Views: 1 #21983Wasserwerk
Participantoh sorry, that was my mistake, I thought my post wasn’t uploaded and were confused with this 2 posts.
Sorry again -
AuthorPosts
- You must be logged in to reply to this topic.