SOLVED Main Menu is Extended Without Any Menu Items
-
-
- Tam Plum
- Jr. Rocketeer
- Posts: 27
- Thanks: 0
-
Hi,
I've noticed a number of people with some issue regarding their main menu. I don't want to implement any of the custom .css code given to them since I didn't notice anyone with the exact same problem as mine.
Please see gngaz.org/ .
You'll notice that the main menu at the top is extended far to the right even though I only have three menu items in it. How can I remove this?
Thank you!!! - Last Edit: 11 years 3 months ago by Tam Plum.
-
-
-
- DanG
- Preeminent Rocketeer
- Posts: 36750
- Thanks: 3229
- Custom work done
-
In your
rt_afterburner2-custom.css <-{Click the LINK}
file add this:
.rt-block.menu-block { max-width: 330px; }
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13484
- Web Designer/Developer
-
Use this code...
This is how to create a custom CSS compatible with Gantry 4...ul.gf-menu.l1 { background-color: transparent; } ul.gf-menu.l1 > li { background-color: #495565; } ul.gf-menu.l1 li:hover, ul.gf-menu.l1 li.active:hover { background-color: #5b6778; }
Simply create a file called "<TEMPLATENAME>-custom.css" and put this file in the CSS folder of the template (where <TEMPLATENAME> is the name of the template as seen in template manager e.g. rt_fracture). GANTRY4 will automatically load this CSS file. If you wish, you can also have browser specific files by appending, for example, "-ie9" making the filename "<TEMPLATENAME>-custom-ie9.css"
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
-
-
- Tam Plum
- Jr. Rocketeer
- Posts: 27
- Thanks: 0
-
My thanks to the both of you!
Since you both had very different approaches, is there any one that might be "better" than the other? I assume that I'll need to modify the code if I choose to add a menu item at the top, correct?
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13484
- Web Designer/Developer
-
As with all things there are always different solutions to the same problem - both solutions work neither are "wrong". So, really it's up to you which you use. I would say however that if you vary the number of menu items my solution will work without modification - DanG's will require altering the width (no big deal to do though). Obviously DanG's solution is shorter piece of CSS than though mine too.
It's your call...
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
-
-
- DanG
- Preeminent Rocketeer
- Posts: 36750
- Thanks: 3229
- Custom work done
-
Tam Plum wrote:
My thanks to the both of you!Mr. T's is cleaner
Since you both had very different approaches, is there any one that might be "better" than the other? I assume that I'll need to modify the code if I choose to add a menu item at the top, correct?This image is hidden for guests.
Please log in or register to see it.
Mine is a reminder of not answering posts at 3 A.M
-
Time to create page: 0.104 seconds