Decorative underline for main menu and more…

Hi,

1. Each demo has custom design besides what can be achieved with the default theme settings and options. The News magazine demo borders you mention, can be replicated by using the code from the demo stylesheet
– https://www.screencast.com/t/ALXxg5rPHx
– https://www.screencast.com/t/yPeiHq8vzZB
This might need additional modifications, to display properly. If you need further help I will help you.

2. If you are referring to the All text in the mega menu cannot be replaced with an icon by default, unless modifications are made in this file
– https://www.screencast.com/t/b0ia3iQp
– https://www.screencast.com/t/uuju6rDYj

3. The social icons will be displayed in the top bar and in the footer, according to the social accounts entered in the Social networks section
– https://www.screencast.com/t/AXfgjacu
If you could detail what exactly you want to modify I will try and provide a solution.

Thanks

Hi,

1. If you use Header style 6 try it like this
– https://www.screencast.com/t/jNclJUZU8zoE
There will be a border bottom for the main menu, a border top for the top menu and a border bottom of the same top menu. The color can be what you want, simply change it in the code and then enter it in Theme panel->Custom CSS section

.td-header-style-6 .td-header-menu-wrap-full{
border-bottom: 5px solid red;
}
.td-header-style-6 .td-header-top-menu-full {
border-bottom: 1px solid red;
border-top: 3px solid red;
}
.td-header-style-6 .sf-menu > li > a {
line-height: 75px;
}

Please let me know if you have further questions, or something needs modifying.

2. So instead of the arrow you would like to use the hamburger icon
– https://www.screencast.com/t/xyJ2ejKW
You will have to modify the default icon font, and replace it with that one, in the theme stylesheet
By default it is like this
– https://www.screencast.com/t/8SiiPSlVX
Change it like this
– https://www.screencast.com/t/Kxi4nb452yTP
With this result
– https://www.screencast.com/t/lwJPtJ2qe

3. The socials are displayed in the top bar, not in the main menu. In the main menu you could use custom links with Font awesome icons for example, linking to where you want
– https://www.screencast.com/t/BWnugJ6N
– https://www.screencast.com/t/LgtiYueA6EVc
– https://www.screencast.com/t/BnT4bJHy3Fi
The result is like this
– https://www.screencast.com/t/QAypIroMUQ
More information here
– https://forum.tagdiv.com/how-to-add-icons-in-menu/

Thanks

Hi,

The link color throughout the website is inherited from the theme accent color setting
– https://www.screencast.com/t/PByHpQHZ3qs
It could be changed for specific elements, with some custom code. For the post content like you mention if I understand correctly, a code like this can be used
– https://www.screencast.com/t/SWLfOMhNn9
– https://www.screencast.com/t/kdYOm9hzJ
The thickness of the underline cannot be changed from what I know, but it can be replaced with a border like this
– https://www.screencast.com/t/ZQqruNYHoExf
The links will have a chosen color normally, and another color when hovered, only for the post content. This is the code used in the example

.td-post-content a {
color: black;
}
.td-post-content a:hover {
color: yellow;
text-decoration: none;
border-bottom: 5px solid yellow;
}

If you want the links in the post to open in a new tab, this is an option that can be used while the link is created
– https://www.screencast.com/t/O8wdb7NpO

Thanks

Hi,

1. I might have misunderstood what you wanted with the hamburger icon. You could place the hamburger icon in the menu as a menu item, using Font awesome and the guide from above
– http://fontawesome.io/icon/bars/
You can create a drop down menu, page menu or mega menu
– https://forum.tagdiv.com/mega-menu/
– https://forum.tagdiv.com/page-menu/
For the styling it would be helpful if you could provide a link to your website and more precise details about the changes you want, and I will try to help you with a solution.

2. That is a filter displayed on the category pages to filter the posts that are displayed in the top grid. It can be disabled in the general category settings
– https://www.screencast.com/t/JHMK14Lg32P

Thanks

Hi,

That arrow can be removed with CSS. To make the code more precise you could use the menu item unique ID (each menu item has an ID), like in this example
– https://www.screencast.com/t/xVb1yskH
I don’t see the menu at the moment on your website, but you can use a code like that to hide the arrow, using the menu item ID.

.menu-item-18056 .fa + .td-icon-menu-down {
display: none;
}

Please let me know if there is a problem with this solution, or you need further help.
This is a useful guide explaining how you can create custom code, by identifying the elements on the page and their classes with the browser inspector, a very powerful tool
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks