Joomla Templates Club 406,261 posts

[contentcounts Friend contentcountsJoin date: May 2012Posts: 13Downloads:75Uploads:5]

#683451

Having the hardest time finding the entry for the submenu alignment in the css files

I changed the top: from 0px to 45px in firebug which solved the vertical alignment but I am unable to find the corresponding entry in any css file.

Attachments below

Could you help please?

Thank you

Tom

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#683482

Hi
Can u illustrate the issue of menu inside screenshot . Currently i does not notice issue in menu .
Kindly provide some more details so i can assist you better .

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#748339

Hi
Can u illustrate the issue of menu inside screenshot . Currently i does not notice issue in menu .
Kindly provide some more details so i can assist you better .

[contentcounts Friend contentcountsJoin date: May 2012Posts: 13Downloads:75Uploads:5]

#683611

when the Canopy Core Modules menu item is clicked the sub menu Order Entry and Invoicing comes out to the right but is 45px low for the menu item words to be aligned directly to the right of the selected menu item

Just need to know how to adjust the sub sub menu so that it is raised 45px

Thank you

[contentcounts Friend contentcountsJoin date: May 2012Posts: 13Downloads:75Uploads:5]

#748369

when the Canopy Core Modules menu item is clicked the sub menu Order Entry and Invoicing comes out to the right but is 45px low for the menu item words to be aligned directly to the right of the selected menu item

Just need to know how to adjust the sub sub menu so that it is raised 45px

Thank you

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#683623

Hi
I checked your site with turn on Dev mode from template options and problem is no more : http://prntscr.com/8g2l7j
It due to the wrong custom changes perform by you . Kindly revert the changes .
Or take a backup of all custom changes and site then Compile Less to Css from template options .
It will override core the style on css files .

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#748381

Hi
I checked your site with turn on Dev mode from template options and problem is no more : http://prntscr.com/8g2l7j
It due to the wrong custom changes perform by you . Kindly revert the changes .
Or take a backup of all custom changes and site then Compile Less to Css from template options .
It will override core the style on css files .

[contentcounts Friend contentcountsJoin date: May 2012Posts: 13Downloads:75Uploads:5]

#683933

I appreciate your input but even with developer mode on the menu item is still low. How can I bring the words on the same line horizontally?

[contentcounts Friend contentcountsJoin date: May 2012Posts: 13Downloads:75Uploads:5]

#748528

I appreciate your input but even with developer mode on the menu item is still low. How can I bring the words on the same line horizontally?

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#683950

Hi
This is not a bug its designed in this way to give a small padding and margin between the items .
If you want to make it in same like as in screenshot , you need to remove the padding for dropdown menu items . add this code in custom.css file


.t3-megamenu .mega-inner {
padding: 0px 0;
}

.t3-megamenu .dropdown-menu .mega-nav {
padding: 6px 0;
}

It will look like this > http://prntscr.com/8gg8e1
you can adjust the value of the 0px and 6px as per needs . default value for both is 10px .

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#748545

Hi
This is not a bug its designed in this way to give a small padding and margin between the items .
If you want to make it in same like as in screenshot , you need to remove the padding for dropdown menu items . add this code in custom.css file


.t3-megamenu .mega-inner {
padding: 0px 0;
}

.t3-megamenu .dropdown-menu .mega-nav {
padding: 6px 0;
}

It will look like this > http://prntscr.com/8gg8e1
you can adjust the value of the 0px and 6px as per needs . default value for both is 10px .

[Author]

Posts