A few more edits to the menu and read more buttons
1. In Megamenu subcategory list
I’d like to show ALL articles under the parent category, but in the list along the bottom, I’d like to show only the first level of subcategories. Can you please tell me how to remove the second level subcategories. (there was a solution posted for Newspaper theme, but it doesnt seem to be the same structure)
2. Mega menu widget area
In some of the show case sites, there is a text area in the mega menu, rather than the featured images and horizontal list of subcategories. Can you tell me if this is a substantial customisation or is it within the mega menu settings?
3. Read more button as text
I’d like to have the Read more button be a simple text link. can you tell me how to remove the button style and have it appear a coloured text rather than a block button?
Great experience with the theme and support so far!
Thanks in advance,
C
Hi
1. Follow this link to display only the firs level of subcategories in mega menu: http://screencast.com/t/MWJaXChQMr
2. I am not sure what you mean but to insert a new area in mega menu you must change the code and it’s not an easy task. Please provide a link or specific details on this if possible and i will take a look.
3. Edit the style.css file like it’s indicated here: http://screencast.com/t/QdaaZjoXF29
Thanks!
Hi, Thanks so much for this. Working on this now.
For point 2. you can see a sample of this on http://mercerme.com/
Under “Follow us” they have a text area and contact form. Is this part of the menu funtionality? or did they do customisations?
Thanks 🙂
C
Hi Again,
3. the read more button to appear as just text:
I’m using a child theme, so my style.css doesn’t include all code.
So this is what I added to my style.css:
.td-read-more a {
background-color: #ffffff;
border-radius: 0px;
color: #bc00a8;
font-size: 14px;
font-weight: bold;
line-height: 18px;
padding: 0px;
}
.td-read-more a:hover {
background-color: #ffffff;
}
The only thing is that on hover, the background color still shows up. It’s the same colour as the text, so on hover, it just becomes a pink block. I’d like to make it just change from pink to black on hover. Can you help?
Thanks SOOOO much =)
C
Hi
That site display in “Follow us” section a page as mega menu and you can find more details here: https://forum.tagdiv.com/menus-newsmag/
Try this code
td-read-more a:hover {
background-color: #ffffff !important;
}
And if it’s not working please provide a link so i can inspect it.
Thanks!
