Add image right side of submenu

[gabrielos]

Hello guys!

PS 1.6.0.9 default theme have some images under sub-category text.

I want to modify some CSS code I think to put image at right (a bigger one).

Let me see you two images:

 

First: is my subcategory (with custom theme).

As you can see there is some white space (and it`s ugly).

 

And second: what I want to do (or look like)

 

Can you help me?

I can handle some code but I am not a programmer so it will be great if you guys can help me with this task.

[gabrielos]

ok, find the solution!

just upload your thumbnail but you have to modify some css code.

 

 

themes/your-theme/css/modules/blocktopmenu/css and edit superfish-modified.css

 

find in superfish modified.css 
 

.sf-menu > li > ul > li.category-thumbnail > div {

1. float: left;
2. padding-left: 8px;
3. width: 50%;

}

change it to 

 

.sf-menu > li > ul > li.category-thumbnail > div {

1. float: right;
2. padding-left: 0x;
3. width: 20%;
4. clear:both;

}

and then find 

 

.sf-menu > li > ul > li.category-thumbnail > div:first-child {

1. padding-right: 8px;
2. padding-left: 0;

}


and change it to

.sf-menu > li > ul > li.category-thumbnail > div:first-child {

1. padding-right: 0;
2. padding-left: 0;
3. padding-bottom:10px;

}

 

 

now, thumbnail will show in right side not under sub-categories

Edited November 5, 2014 by gabrielos (see edit history)