Trick: Change BJ Venus dropdown menu width

Ok I decided to write this because many customers have asked: “how to increase the width of dropdown menu in BJ Venus & Venus 2 template?”. By default you cannot change as in BJ Venus & Venus 2, this value is fixed because they use images as background. However, if you really want, you can do it. Now i’ll tell you how.

BJ Dropdown Menu width

BJ Dropdown Menu width

You will need to prepare 3 images in bj_venus/images/[color]/ folder: dropdown_bg.png; dropdown_bottom.png and dropdown_top.png. These 3 files are background of the sub-menu.
After changing the images, you need to add these lines in bj_venus/css/bj_dropdownmenu.css file (at the end of the file):
ul.list_menu li div.bg0 {width:200px}
ul.list_menu li li, ul.list_menu li li li, ul.list_menu li li li li, ul.list_menu li li li li li, ul.list_menu li li li li li li {width: 180px}
(change the value of the width according to your new images)

It’s simple, isn’t it? Feel free to ask questions.

About The Author

Get our latest Updates!

 

Subscribe to ByJoomla's RSS channel Become ByJoomla's Facebook fan Follow us via Twitter Pin us on Pinterest

Find us on Facebook

 

Our partners

 

ByJoomla's partners

Secure and Trust

 

website security