Return to previous page

Widget in Top Bar / Product Categories - by TAT_PM

This topic has 6 replies, 4 voices, and was last updated 9 years ago ago by Robert Hall

TAT_PM

Participant

April 2, 2015 at 17:43

hi there,

1. i use a static block in ‘place in header top bar’ to show a store locator widget on the very top of the page (and other little things to come). can i align this right on the page somehow?

2. right underneath the slider i use ‘product categories’ to set links to different categories. i didn’t manage yet to show more than 3 categories in one row, no matter what my settings are.

would be great if you could help me out! thanks 🙂

Please, contact administrator
for this information.

#54296 Copied

5 Answers

Brian Johnson

Member

April 2, 2015 at 18:03

Please provide us with wp-admin credentials to let us check the page layout.

With best regards
Brian Johnson

#54304 Copied

TAT_PM

Participant

April 2, 2015 at 18:18

here you go. THANKS

Please, contact administrator
for this information.

#54310 Copied
Eva Kemp

Support staff

April 2, 2015 at 19:27
Hello,

1. Please add this code in custom.css file:
```
.top-bar .languages-area {
    float: right;
}
```
2. You need add products to other categories too.
Please mark some products with product categories and check home page then.

Thank you.
Regards,
Eva Kemp.
#54331 Copied
TAT_PM

Participant

April 3, 2015 at 08:35

Hello Eva,

thanks for the right css lines 🙂

Please check again, I pushed a product in every category now for demonstration purposes. There is still 3 categories in a row, despite the setting 5 columns. Your help will be appreciated!
BTW: if I show 5 categories in the Homepage, can I use this field as a category slider to reach for the not showing categories?

Thank you in advance!

#54460 Copied
Robert Hall

Support staff

April 3, 2015 at 14:29
Hello,

To get 5 product categories in one row you need add this code in custom.css file
```
.product-category:nth-child(3n+1){
clear:none;
}
.product-category:nth-child(5n+1){
clear:both;
}
.product-category {
width:19% !important;
margin: 4px !important;
}
.product-category.last {
margin-left:5px !important;
}
.product-category.first {
margin-left:5px !important;
}
```
Regards,
Robert Hall.
#54535 Copied
Viewing 6 results - 1 through 6 (of 6 total)