0
Welcome Guest! Login
0 items Join Now

rt_afterburner_j15 - Make menu dropdown wider/longer

Last Post
Search Topic
    • Tony Kim's Avatar
    • Tony Kim
    • Jr. Rocketeer
    • Posts: 30
    • Thanks: 0

    rt_afterburner_j15 - Make menu dropdown wider/longer

    Posted 14 years 7 months ago
    • My menu texts are longer than what shows.. how do I extend or make the menu dropdowns wider?.
    #386408
    • Kat05's Avatar
    • Kat05
    • Preeminent Rocketeer
    • Posts: 25898
    • Thanks: 334

    Re: rt_afterburner_j15 - Make menu dropdown wider/longer

    Posted 14 years 7 months ago
    • hi tony,

      do you have a link to your site so we can take a look?

      thanks, kat :)
    • Kat05 / QA Lead & Support / Germany
    #386419
    • godfuel's Avatar
    • godfuel
    • Sr. Rocketeer
    • Posts: 162
    • Thanks: 0

    Re: rt_afterburner_j15 - Make menu dropdown wider/longer

    Posted 14 years 7 months ago
    • hi there another rocker template huh guys and gals

      heres me q?

      Im using afterburner but adjusting css code quite a lot

      I need help with making nav background protrude further that actual page width. I manage dto get on one side but also need the other. ANy suggestions.

      Also there is little bit under nav i need also so opening this up to any suggestions also.
      this is what i got so far
      This image is hidden for guests.
      Please log in or register to see it.


      this is how i need it
      This image is hidden for guests.
      Please log in or register to see it.
    #386472
    • Kat05's Avatar
    • Kat05
    • Preeminent Rocketeer
    • Posts: 25898
    • Thanks: 334

    Re: rt_afterburner_j15 - Make menu dropdown wider/longer

    Posted 14 years 7 months ago
    • hi there,

      a link to your site would be really helpful, especially because you mentioned that you already applied css changes.

      kat :)
    • Kat05 / QA Lead & Support / Germany
    #387605
    • godfuel's Avatar
    • godfuel
    • Sr. Rocketeer
    • Posts: 162
    • Thanks: 0

    Re: rt_afterburner_j15 - Make menu dropdown wider/longer

    Posted 14 years 7 months ago
    #387707
    • Kat05's Avatar
    • Kat05
    • Preeminent Rocketeer
    • Posts: 25898
    • Thanks: 334

    Re: rt_afterburner_j15 - Make menu dropdown wider/longer

    Posted 14 years 7 months ago
    • hi again,

      you can create an image that would work as the complete background for the blue menu bar.
      it needs to be 34px heigh and around 840px wide. you can call it navbar.png
      then upload this image to the template folder .../templates/rt_afterburner_j15/images/navbar.png

      then open light4.css and find the following code
      #nav {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#0083CB none repeat scroll 0 0;
height:34px;
position:relative;
width:780px;
z-index:1;
}
      and change to
      #nav {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/navbar.png) no-repeat scroll 0 0;
height:34px;
margin-left:-30px;
position:relative;
width:840px;
z-index:1;
}
      kat :)
    • Kat05 / QA Lead & Support / Germany
    #388183
    • godfuel's Avatar
    • godfuel
    • Sr. Rocketeer
    • Posts: 162
    • Thanks: 0

    Re: rt_afterburner_j15 - Make menu dropdown wider/longer

    Posted 14 years 7 months ago
    • Kat your a legend thankyou, altered little bit but you helped me out so way cool.
      Appreciate it really i do.


      Just one thing to go now! and thats rok ajax search specialized code per browser etc or better way to code so it lines up ok http://www.rockettheme.com/forum/index.php?f=204&t=62087&p=388264&rb_v=viewtopic#p388264

      this is code i ended up using
      #nav {background:transparent url(../images/navbar.png) no-repeat scroll 0 0;
height:39px;
margin-top:-3px;
margin-left:-29px;
position:relative;
width:838px;
z-index:1;
}
    #388221
    • Kat05's Avatar
    • Kat05
    • Preeminent Rocketeer
    • Posts: 25898
    • Thanks: 334

    Re: rt_afterburner_j15 - Make menu dropdown wider/longer

    Posted 14 years 7 months ago
    • hi again,

      glad you got the menu bar styled now. :)
      i have asked the other moderators to take a look at your rokajaxsearch thread.

      kat :)
    • Kat05 / QA Lead & Support / Germany
    #388360
    • Wildman's Avatar
    • Wildman
    • Rocketeer
    • Posts: 69
    • Thanks: 0

    Re: rt_afterburner_j15 - Make menu dropdown wider/longer

    Posted 14 years 5 months ago
    • My menu texts are longer than what shows.. how do I extend or make the menu dropdowns wider?.

      Was this question answered at all, i have the same problem, my text is for to long for the drop down nav so it falls onto a second line, problem is that it does not extent the colour background. is there a way to make the drop downs width greater? I am working locally so i cannot give you a link.
    #414416

  • Re: rt_afterburner_j15 - Make menu dropdown wider/longer

    Posted 14 years 5 months ago
    • Hello,

      You can change the widths of the dropdown menu by opening the 'style' css you have as default (dark.css, light.css)

      Find:
      #nav li ul {position:absolute;width:170px;left:-999em;margin-left:-1px;border:1px solid #006B9F;border-top:0;}
#nav li ul ul {margin:-31px 0 0 170px;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfHover ul ul, #nav li.sfHover ul ul ul, #nav li.sfHover ul ul ul ul {left:-999em;}
#nav li li {padding:0;height:auto;background:#00557E;width:170px;}

      Change both widths by the same amount.
    #414537

Time to create page: 0.059 seconds