Recent
Categories
View Replies (10)

Arkadia - Menu

0
Votes
Undo
  1. papermakeit
    papermakeit
  3. Commercial Templates
  4. Tuesday, 01 October 2013
  5.  Subscribe via email
Dear Ciaran,

today three questions:

1) I attached a pic of my menu. As you see it goes over the site borders. Is it a right behaviour or something happened? Can i move the sub menu to the left?

2) I would like to fine move the sub menu to be a little bit lower so to come out just below the dark grey line and not over the plain light grey like now. How can I do?

3) What is the class to change the color of the line between two items? The line is white and the background is a very light grey...

Test site: http://www.new2.papermakeit.com

Many thanks,
Claudio
Responses (10)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

1. Sorry to say It would not be possible to adjust where the dropdown appears without effecting the rest of the menu items.

2. In your templates dropdown.js (../templates/j51_arkadia/js/dropdown.js) locate the following and edit to your own taste...


tweakInitial:{x:0,y:0}


3. Your submenu items for your dropdown menus use the following CSS which you can repeat in your templates Custom CSS field and edit to your own taste...


#subMenusContainer a {

    background: url("../images/sep2.png") repeat-x scroll 50% 100% rgba(0, 0, 0, 0);

    color: #888888;

    font-size: 14px;

    padding: 9px 25px 9px 15px;

}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
papermakeit
papermakeit
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran,

SubMenu moved down, changed the colors.

To solve point 1, can I set in some way the width so to align it to the border? Also the other item would be affected but never mind.

Many Thanks,
Claudio
  1. more than a month ago
  2. Commercial Templates
  3. # 2
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Possibly... would you have a URL to an example fo this dropdown?

You can also try using the same code in the templates dropdown.js


tweakInitial:{x:0,y:0}


Editing the x value will alter where the dropdown will appear horizontally. Note this can also take minus values.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 3
papermakeit
papermakeit
Accepted Answer Pending Moderation
0
Votes
Undo
To see the dropdown menu you need to log in.

new2.papermakeit.com

I don't need to translate horizontally the submenu. I need to have it shorter. x initial = 0 and x final= 50 for exmple.

Thanks Claudio
  1. more than a month ago
  2. Commercial Templates
  3. # 4
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
You can send login details to info@joomla51.com and we will see what is possible regarding reducing the width of the dropdown.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 5
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you

As this is your only dropdown menu you can set the width by adding the following to he Custom CSS field of your templates parameters...


#subMenusContainer ul {

    min-width: 125px !important;

    width: 125px !important;

}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 6
papermakeit
papermakeit
Accepted Answer Pending Moderation
0
Votes
Undo
Perfect! Nothing more... :)

It will not be the only one but the room should be enough for next sub menus.

Many thanks,
Claudio
  1. more than a month ago
  2. Commercial Templates
  3. # 7
papermakeit
papermakeit
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran,

how can I get rid of the upper part of submenus?

Many thanks,
Claudio
  1. more than a month ago
  2. Commercial Templates
  3. # 8
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Claudio

Try adding the following to the Custom CSS field of your templates parameters...


#subMenusContainer ul, #subMenusContainer ol {

    padding-top: 0;

}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 9
papermakeit
papermakeit
Accepted Answer Pending Moderation
0
Votes
Undo
Yes! It worked as expected!

Many thanks,
Claudio
  1. more than a month ago
  2. Commercial Templates
  3. # 10
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!