On the main menu if you have to many categories when you click for instance “Lifestyle” and you have 20 categories that open under it it opens the drop down menu in one straight long line underneath.
How can i change the shape of that drop down menu to lets say rectangle so it drops down but have max imum 5 in a row and opens more length ways not all straight down?
Hi,
Sorry but this can only be done with customization. The theme has no option to change the menu layout.
A quick solution would be to limit the size of the drop-down and add a scroll to it like so: https://www.screencast.com/t/3vnhLD6p
In order to do this you can add this code in the theme panel-> custom css box:
.sub-menu{
max-height:410px;
overflow:Auto;
}
Thank you!
Thanks
Is there more code I can use to tell it how many entries to list or give it a size for the drop down box?
The size is determined in the code I already provided. Change the 410 px to any size you want it to be.
Thanks.
Hi
Tried it but menu hasn’t changed even after doing refresh and pages save.
Is there somewhere else I need to enable for CSS to work?
Sorry it’s working now
Maybe you can also help me with this:
When you click the Join or Register button to create an account how do I add Captcha to the register forms so that it stops spam?
Using Newspaper 8 theme
Hello,
Sorry but we have not tested any captcha implementation so I cannot provide a solution in this regard. You can maybe use a plugin to add a captcha to your login section but you will have to implement it into our custom login though or you can create a new custom login page not using our login modal if you do not have the coding skills necessary for the login modal customization.
Thank you!
Hi again …
I have activate my Top Bar Menu and added links to it but on mobile devices it does not show on the top of the screen or in side drop down menu?
Hello,
The top menu is not available for mobile devices. You can activate it though with a css code. Please provide a link to your site so I can provide the proper code.
Thanks
Hi,
Please add this code in your theme panel-> custom css box:
@media (max-width: 767px){
.td-header-top-menu-full {
display: block!important;
}
.td-header-sp-top-menu {
display: block !important;
}
}
Thanks.
Hi
Thanks it works.
1) This will only change the MOBILE VERSION right not what it looks like on a desktop?
2) Is there CSS code to show the Header Top Menu on desktop but when viewed on Mobile it adds that Top Menu links to the drop down menu like the other links?
Hi,
1)On desktop it will look exactly the same as before as the code only affects the mobile version of the theme.
2) Sorry but css cannot do that. That must be programmed by a developer as it takes a lot more than just css. Sorry but there is no simple solution for it.
Thanks.
