Change width on Submenu
Best Joomla template with unique design which fits perfectly with car, gaming, business, portal or blog type websites
- GK User
- Sun Oct 23, 2011 7:55 am
Car Magazine. I have looked all over for a way to resize the submenus to be wider. It is cutting off my menu titles.
www.accelcs.org. I had to abbreviate until I get a solution.
Thanks
bcsgroup
www.accelcs.org. I had to abbreviate until I get a solution.
Thanks
bcsgroup
-
- Junior Boarder
- GK User
- Sun Oct 23, 2011 11:19 am
You can edit following file: "templatesgk_car_magazinecssStyleX.css" Replace X with your style number.
Find Lines 607 to 611 which is
Replace with below;
Change 200px to your required size.
Find Lines 607 to 611 which is
- Code: Select all
div#wrapper_menu_std ul ul li,
div#wrapper_menu_std ul ul li#current{
background: #ededed;
border-bottom: 1px solid #dadada;
}
Replace with below;
- Code: Select all
div#wrapper_menu_std ul ul li,
div#wrapper_menu_std ul ul li#current{
background: #ededed;
border-bottom: 1px solid #dadada;
width: 200px;
}
Change 200px to your required size.
-
- Platinum Boarder
- GK User
- Mon Oct 24, 2011 1:02 am
Thanks so much for the quick reply.
It did the job for widening the submenu but I am still having issue getting me menu items to be fully viewable. I have the width set to 350px and there is plenty of room but for example the "Embry-Riddle Aeronautical University" just shows up as "Embry-Riddle Aeronautical" and cuts off University.
www.accelcs.org As other thoughts?
bcsgroup
It did the job for widening the submenu but I am still having issue getting me menu items to be fully viewable. I have the width set to 350px and there is plenty of room but for example the "Embry-Riddle Aeronautical University" just shows up as "Embry-Riddle Aeronautical" and cuts off University.
www.accelcs.org As other thoughts?
bcsgroup
-
- Junior Boarder
- GK User
- Mon Oct 24, 2011 9:30 am
Edit File: "templatesgk_car_magazinecsssuckerfish_l1.css"
Line : 90 to 92
Change from:
To:
Line : 90 to 92
Change from:
- Code: Select all
div#horiz-menu li li a {
text-decoration:none;
}
To:
- Code: Select all
div#horiz-menu li li a {
text-decoration:none;
width: auto;
}
-
- Platinum Boarder
4 posts
• Page 1 of 1