Recent
Categories
View Replies (5)

J51 Central - submenu goes off-screen to right

0
Votes
Undo
  1. mikehally
    mikehally
  3. Commercial Templates
  4. Saturday, 30 July 2016
  5.  Subscribe via email
See for example http://www.audioproductionawards.co.uk/index.php/categories and go to menu item 'archive', then drop down to hover over sub-menu item 'RPAs 2015' - a sub-sub-menu appears but as it is on the right side it goes off-screen, see screenshot. Is there any way of fixing it so that it appears to the left instead?

Mac OSX 10.10.5, Chrome browser Version 51.0.2704.103 (64-bit) (same behaviour in Safari)
Responses (5)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

To amend try adding the following to the Custom CSS field of your templates parameters...


.item-121.deeper.parent > ul {

    left: auto !important;

    right: 100%;

}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
mikehally
mikehally
Accepted Answer Pending Moderation
0
Votes
Undo
prompt and perfect response as always, thanks Ciaran!
  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
You're welcome. Happy to help! :)

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 3
patrickbmccabe
patrickbmccabe
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran,
I have a similar problem in Layla, I tried the Fix above but sadly I must trouble you again..... in https://frankiemcphillips.com/ under the heading "Fly Tying Materials and Tools" the edge of the menu goes off screen . . . . What would be the fix for that?
  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
Hi Patrick

To amend try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

.item-679 > ul {

    left: -200px !important;

}


(edit to taste)

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 5
  • Page :
  • 1


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