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
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 (176.17 KiB) Viewed 262 times
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.
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 ]
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
Bootstrap.css has not been edited.
http://www.carbodypanels.co.uk/
Thanks
remove the height from
catalog/view/theme/default/stylesheet/stylesheet.css
FIND THIS - line 24002
and replace with
or (for completeness)
catalog/view/theme/default/stylesheet/stylesheet.css
FIND THIS - line 24002
Code: Select all
.home_make_list li {
list-style: none;
height:30px;
}
Code: Select all
.home_make_list li {
list-style: none;
/* height:30px; */
}
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
After comment or remove /* height:30px; */ add this lines to your stylesheet.css (this is to keep the eyes from bleeding.):
My "eye safe" solution wouldn't work with line-height:30px;
Code: Select all
.parent_lismall {
min-height: 30px;
}
.left_sub_catinactive {
padding: 10px 0px 10px 20px;
}
.left_sub_catinactive .fa {
padding-right: 5px;
}
My extensions in marketplace. [ security | flexibility | speedup ]
Who is online
Users browsing this forum: Amazon [Bot] and 12 guests