I can I make my main menu closer together and seperate with "|".

Posted in: Newspaper
Post count: 20
sathana
#248657
Aug 15, 2018 at 6:51 pm

The menu is too far apart so I cant fit many category inside.
Here is my site :
https://www.chiangmainews.co.th/page/
Here is the example site that have the menu I wanted. They also use | to seperate between menu. :
https://www.prachachat.net/home

Thanks
Sathana

Post count: 23312
Catalin
#248805
Aug 16, 2018 at 2:06 pm

Hello sathana,

Try the code below and place it in Theme panel -> Custom CSS area.

The code is ->

ul.sf-menu > .td-menu-item > a{
border-left: 1px solid red;
}

The result is here -> https://www.screencast.com/t/jHz1whFZ3pO

Thanks for the message!

Post count: 20
sathana
#249173
Aug 19, 2018 at 7:18 pm

Thanks, but I want a “|” not a menu boarder and I also want the menu to move closer together.

Post count: 23312
Catalin
#249358
Aug 20, 2018 at 3:41 pm

Hello sathana,

Unfortunately, please notice that we cannot provide additional customizations at the moment, sorry! Above, I gave you an example which can be implemented by yourself to achieve similar to your desire. Also, as a hint, you can try using the Font Awesome 4 Menus to import that symbol which you can add through your menu items. Check here -> https://forum.tagdiv.com/how-to-add-icons-in-menu/

Thanks for your understanding!

Viewing 4 posts - 1 through 4 (of 4 total)
The forum ‘Newspaper’ is closed to new topics and replies.