Return to previous page

Demo theme, the categories appear in 2 columns. However on the importered demo, it only shows in one

This topic has 14 replies, 4 voices, and was last updated 1 months ago ago by Terpsauce

Terpsauce

Participant

February 24, 2025 at 23:31

Two screenshots. Shows the category section on the home page.

1 image shows the demo theme, the categories appear in 2 columns. However on the importered demo, it only shows in one column on mobile, with no option to change columns on mobile alone. Column change settings is global. Desktop version is fine do NOT change it .

Please ensure that the categories are also contained in the centre of the page (this means “aligned centre), in 2 columns.

Thanks

Files is visible for topic creator and
support staff only.

#435240 Copied Theme version: 9.4.7

13 Answers
Jack Richardson

Support staff

February 25, 2025 at 14:14
Dear @Terpsauce,

Thank you for reaching out to us.

Currently, the widget does not have built-in responsive column options. However, we recommend adding the following custom CSS to achieve the desired layout:

Path: “Home Page Editor → Categories Widget → Advanced Tab → Custom CSS

@media only screen and (max-width: 480px) { selector .categories-lists-grid .category-list-item-wrapper { width: 50% !important; } }

Additionally, we will review this matter globally using the demo import and implement a fix accordingly.

Please let us know if you need any further assistance.

Best regards,
Jack Richardson
8Theme Team
#435318 Copied
Terpsauce

Participant

February 26, 2025 at 04:06

Hello, I applied the code. Please see screenshot, it’s still a bit untidy.

Still aligned to left (not centered)

Files is visible for topic creator and
support staff only.

#435404 Copied

Terpsauce

Participant

February 26, 2025 at 04:25

Hello, I fixed the alignment using the padding.

However there doesn’t appear to be any option to set alignment for the parent categories text, or the subcategories text, so still experiencing some untidyness.

Would it be possible to have the categories texts as follows.

Left column, align to left. Right column, align to right. I think this would be the best result for look.

Files is visible for topic creator and
support staff only.

#435405 Copied

Terpsauce

Participant

February 26, 2025 at 05:10

Update: unfortunately the method of padding I used changed the size of the icons on mobile and desktop so had to be reverted.

Please advise how to ensure they are aligned centre (currently aligned left)

#435407 Copied

Terpsauce

Participant

February 26, 2025 at 08:22

Update 2. I re-applied try css, it no longer changed anything , I also noticed a little error flag on the code area, relating to the use of “!important”

The picture attached shows the css, but the change is only showing on the builder, no the main site.

Files is visible for topic creator and
support staff only.

#435415 Copied
Andrew Mitchell

Support staff

February 26, 2025 at 16:53
Hello, Terpsauce,

We have applied the following CSS to the element. Kindly check its appearance now:

selector .categories-grid { margin-left: 30px; }

Please let us know if any further adjustments are needed.

Best regards,
8Theme Team
Files is visible for topic creator and
support staff only.
#435514 Copied
Terpsauce

Participant

February 27, 2025 at 03:17

Thanks, it still needs some slight adjustments because of the icon position, parent and sub categories positions, it doesnt appear fully centred. however the changes might be best demonstrated with photoshop. I don’t have it at the moment because im waiting on a replacement Mac and currently using a borrowed device.

#435571 Copied

Rose Tyler

Support staff

March 3, 2025 at 13:52

Hello, Terpsauce,

If you have any additional questions or concerns, please do not hesitate to reach out to us. Our support team is always available to assist you.

Best regards,
8Theme’s Team

#436032 Copied

Terpsauce

Participant

April 11, 2025 at 20:22

Hello, I am going to highlight the changes needed here in separate comments.

1: There is no option to hide sub-sub categories. (sub categories within subcategories).

Screenshot attached shows sub categories (green) are visible, while sub-sub categories (red) are also showing without control to hide.

I would like to be able to hide the sub-sub categories, while remaining in control of the amount of categories that are currently set to 3 in the second screenshot

Files is visible for topic creator and
support staff only.

#440476 Copied

Terpsauce

Participant

April 11, 2025 at 21:18

1: There is no option centre align the main category or category image.

Screenshot 1 attached shows:

The green transparent area is an indication to show that the sub categories and numbers are contains within even alignment.

However, the main category text, and the image for the category is not able to be centre aligned.

Screenshot 2 shows a good example of how it should look (green square) . And it also shows the current example of how it looks (red box)

Files is visible for topic creator and
support staff only.

#440479 Copied

Terpsauce

Participant

April 16, 2025 at 10:49

please advise

#440827 Copied

Jack Richardson

Support staff

April 18, 2025 at 07:50

Dear @Terpsauce,

Thank you for reaching out.

If you would like to suggest new features or enhancements for our widgets, we kindly invite you to submit your request via our task board at the following link: https://www.8theme.com/roadmap/.

Should you wish to modify the current layout of any widgets using custom CSS, you have two options: you may either submit a customization request through your account page, or, if you are comfortable working with custom CSS, you are welcome to implement the changes according to your specific requirements.

Please do not hesitate to contact us if you need further assistance.

Best regards,
Jack Richardson
The 8Theme Team

#441086 Copied

Terpsauce

Participant

April 22, 2025 at 11:16

Happily, in that case, please remove all the code that was advised to be added previously. I was advised to add various pieces of code, now there seems to be a lack of ability to finish the job. Please undo them as they are now irrelevant if not finished .

#441429 Copied
Viewing 14 results - 1 through 14 (of 14 total)