Post by MLP1 » Fri Jun 24, 2022 5:44 pm

Hi
First time posting here.
The website i was working on has a side bar with expandable categories, when clicked, which show internal categories. Recently they've stopped expanding and now just overlap. Does anyone know how to fix this?

Thanks

Attachments

Screenshot 2022-06-24 102936.jpg

Screenshot 2022-06-24 102936.jpg (176.17 KiB) Viewed 252 times


Newbie

Posts

Joined
Fri Jun 24, 2022 5:25 pm

Post by halfhope » Fri Jun 24, 2022 9:37 pm

Hi!

Revert the last changes you made. I suspect you are editing the bootstrap.css file directly.

If not, a link to the site would be much more useful than a screenshot.

My extensions in marketplace. [ security | flexibility | speedup ]


User avatar
Active Member

Posts

Joined
Tue Dec 10, 2013 9:44 pm
Location - San Diego

Post by MLP1 » Fri Jun 24, 2022 11:59 pm

The only changes made to the website are adding more categories or changing the sort order.
Bootstrap.css has not been edited.

http://www.carbodypanels.co.uk/

Thanks

Newbie

Posts

Joined
Fri Jun 24, 2022 5:25 pm

Post by halfhope » Sat Jun 25, 2022 12:37 am

Server offline, can't load page

My extensions in marketplace. [ security | flexibility | speedup ]


User avatar
Active Member

Posts

Joined
Tue Dec 10, 2013 9:44 pm
Location - San Diego

Post by by mona » Sat Jun 25, 2022 1:25 am

remove the height from
catalog/view/theme/default/stylesheet/stylesheet.css

FIND THIS - line 24002

Code: Select all

.home_make_list li {
    list-style: none;
    height:30px;
}
and replace with

Code: Select all

.home_make_list li {
    list-style: none;
    /* height:30px; */
}
or (for completeness)

Code: Select all

.home_make_list li {
    list-style: none;
    /* height:30px; */
    line-height:30px;
}

DISCLAIMER:
You should not modify core files .. if you would like to donate a cup of coffee I will write it in a modification for you.


https://www.youtube.com/watch?v=zXIxDoCRc84


User avatar
Expert Member

Posts

Joined
Mon Jun 10, 2019 9:31 am

Post by halfhope » Sat Jun 25, 2022 3:04 am

After comment or remove /* height:30px; */ add this lines to your stylesheet.css (this is to keep the eyes from bleeding.):

Code: Select all

.parent_lismall {
    min-height: 30px;
}
.left_sub_catinactive {
    padding: 10px 0px 10px 20px;
}
.left_sub_catinactive .fa {
    padding-right: 5px;
}
My "eye safe" solution wouldn't work with line-height:30px;

My extensions in marketplace. [ security | flexibility | speedup ]


User avatar
Active Member

Posts

Joined
Tue Dec 10, 2013 9:44 pm
Location - San Diego
Who is online

Users browsing this forum: No registered users and 85 guests