RocketTheme - TOPIC: [SOLVED] Problem Re-Positioning Main Menu in Gantry

Welcome Guest! Login

0 items Join Now

ROCKETTHEME IS CLOSING ON JUNE 30, 2025. As a thank-you to our community, enjoy 50% off all themes with the promo code THANKYOU before we shut down. Read our Farewell Blog Post for more details.

- Tom Connolly
- Rocketeer
- Posts: 56
- Thanks: 0
SOLVED Problem Re-Positioning Main Menu in Gantry

Posted 13 years 4 weeks ago
- Hi Everyone,
  
  I have re-positioned my main menu to the Header F position and so chose that position in the Gantry system and it worked great....except for the fact that it floats up in the middle of the container and I cannot seem to drop it to align to the bottom (See attached image).
  
  I inserted the following into template.css and while it floated right...nothing doing on the allignment to the bottom:
  
  .menutop {
  float: right !important;
  margin: 35px 0 0 !important;
  
  }
  
  Any help would be much appreciated :cheesy:
- Last Edit: 13 years 3 weeks ago by Tom Connolly.
#808284
- David Goode
- Preeminent Rocketeer
- Posts: 17058
- Thanks: 890
- Web Designer and Host
Re: SOLVED Problem Re-Positioning Main Menu in Gantry

Posted 13 years 4 weeks ago
- Hi there,
  
  OK so no attached image
  
  Without a link to page where the problem is on your site it is quite hard for us to provide the best solution due to so many variables. We try to provide file names and line numbers for code changes and if changes have already been made then our advice may be incorrect.
  
  Can you please post a link to the problem and we will do our best to assist you.
  
  Thanks
- 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
#808290
- Tom Connolly
- Rocketeer
- Posts: 56
- Thanks: 0
Re: SOLVED Problem Re-Positioning Main Menu in Gantry

Posted 13 years 4 weeks ago
- Thanks David...sorry about the image
  
  Ok here we go:
  shoppaintedbird.com
  
  Problem is pretty evident right from the Home Page.
  Thanks for taking the time.
#808336
- David Goode
- Preeminent Rocketeer
- Posts: 17058
- Thanks: 890
- Web Designer and Host
Re: SOLVED Problem Re-Positioning Main Menu in Gantry

Posted 13 years 3 weeks ago
- Hi Tom,
  
  Not having a lot of luck here - site down for maintenance
- 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
#808435
- Tom Connolly
- Rocketeer
- Posts: 56
- Thanks: 0
Re: SOLVED Problem Re-Positioning Main Menu in Gantry

Posted 13 years 3 weeks ago
- Oh boy I am a prize!
  Sorry for wasting your time Dave. I will publish it right now so you can take a look.
  
  Tom.
#808549
- David Goode
- Preeminent Rocketeer
- Posts: 17058
- Thanks: 890
- Web Designer and Host
Re: SOLVED Problem Re-Positioning Main Menu in Gantry

Posted 13 years 3 weeks ago
- Hi Tom,
  
  Try adding the following code to the bottom of template.css...
  
  .rt-fusionmenu {margin:75px -15px 0 0;}
  If this resolves your problem then please edit your first post in this thread by adding SOLVED at the start of the title and then select the green tick icon. This lets the moderators know that it can be moved to the solved section.
  
  Thanks for your cooperation
- 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
#808556
- Tom Connolly
- Rocketeer
- Posts: 56
- Thanks: 0
Re: SOLVED Problem Re-Positioning Main Menu in Gantry

Posted 13 years 3 weeks ago
- David,
  
  Worked perfectly! Thanks so much.
  
  Before I mark this as solved perhaps you could help me with one more related issue?
  I also need to remove the block images behind the menu text...my client wants a plain and simple look with just text so I need to drop it out and then have the text change colour to a grey when we mouse over it.
  
  I tried this code but didn't work:
  
  .menutop li.root > .item, .menu-type-splitmenu .menutop li .item {
  background-image: none !important
  border-left: none !important;
  border-right: none !important;
  }
  
  Greatly appreciate your help! You guys at RT are my heros...
#808566

David Goode
Preeminent Rocketeer
Posts: 17058
Thanks: 890
Web Designer and Host

Re: SOLVED Problem Re-Positioning Main Menu in Gantry

Posted 13 years 3 weeks ago

Hi Tom,

OK - Rule number 1 - the first thing to do while working on a site is turn off all compression as it makes life so much easier when trying to find code. :cheesy:

You need to find the following lines of code but I cannot tell you where they are as compression/zipping is on.

.menutop li.root > .item, .menu-type-splitmenu .menutop li .item {
    background: url("../images/level1Bg.png") repeat-x scroll 0 -10px #FFFFFF;
    border-right: medium none !important;
}

Change so code looks like this...

.menutop li.root > .item, .menu-type-splitmenu .menutop li .item {
    background: none repeat-x scroll 0 0 #FFFFFF;
    border-right: medium none !important;
}

Next we want the following code...

.menutop li.root > .item, .menu-type-splitmenu .menutop li .item {
    background: url("../images/level1Bg.png") repeat-x scroll 0 -10px #FFFFFF;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #D9D9D9;
    color: #0893CF;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 0 1px 0 #FFFFFF;
}

And change it to this...

.menutop li.root > .item, .menu-type-splitmenu .menutop li .item {
    background: none repeat-x scroll 0 0 #FFFFFF;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #D9D9D9;
    color: #0893CF;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 0 1px 0 #FFFFFF;
}

Now find this code...

.menutop li.root > .item:hover, .menutop li.active.root.f-mainparent-itemfocus > .item, .menutop li.root.f-mainparent-itemfocus > .item, .menu-type-splitmenu .menutop li:hover > .item {
    background: url("../images/level1Bg.png") repeat-x scroll 0 -50px #FFFFFF;
    box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.1), -2px -2px 9px rgba(0, 0, 0, 0.1);
    text-shadow: 0 1px 0 #FFFFFF;
}

and change it to this...

.menutop li.root > .item:hover, .menutop li.active.root.f-mainparent-itemfocus > .item, .menutop li.root.f-mainparent-itemfocus > .item, .menu-type-splitmenu .menutop li:hover > .item {
    background: none repeat-x scroll 0 0 #FFFFFF;
    box-shadow: none;
    text-shadow: none;
    color:#CCCCCC !important;
}

That should be somewhere close.

If this resolves your problem then please edit your first post in this thread by adding SOLVED at the start of the title and then select the green tick icon. This lets the moderators know that it can be moved to the solved section.

Thanks for your cooperation

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

#808601

Time to create page: 0.078 seconds