Support Online : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

menu third level

Featured Lock Resolved
Hi,

If I enter a menu item as a third level, in the front-end you see very moved to the right and you can not select it.

How is it possible?

Thanks to anyone who can help me solve it.

Franco

18 Answers

Toufiq - Staff

More than a month ago #Permalink
Hi,

Please add this CSS code inside the custom.css file.


.sp-megamenu-parent .sp-dropdown.sp-dropdown-sub {
top: 0;
right: 100%;
}


-Thanks

Frkp71

More than a month ago #Permalink
Hi,

Please add this CSS code inside the custom.css file.


.sp-megamenu-parent .sp-dropdown.sp-dropdown-sub {
top: 0;
right: 100%;
}


-Thanks


Hi Toufiq,

Thank you for the reply.

I have to apologize but I do not find the custom.css file in any folder.

At this point I did not understand if I should create it as a new file.

I await your response.

Thanks.

Franco

Toufiq - Staff

More than a month ago #Permalink
Hi,

Thanks for your reply. Just create custom.css file inside template css folder.

templates/Your_template/css/custom.css

-Thanks

Frkp71

More than a month ago #Permalink
Hi,

Thanks for your reply. Just create custom.css file inside template css folder.

templates/Your_template/css/custom.css

-Thanks


To select the 3rd level menu item, I had to add a new line to your code.
In practice, the code to add to the custom.css file is:

.sp-megamenu-parent .sp-dropdown.sp-dropdown-sub {
Top: 0;
Right: 100%;
Margin-top: -95px;
}

Thanks for your help.

Franco

Toufiq - Staff

More than a month ago #Permalink
Hi,

Thanks for your reply. Just create custom.css file inside template css folder.

templates/Your_template/css/custom.css

-Thanks


To select the 3rd level menu item, I had to add a new line to your code.
In practice, the code to add to the custom.css file is:

.sp-megamenu-parent .sp-dropdown.sp-dropdown-sub {
Top: 0;
Right: 100%;
Margin-top: -95px;
}

Thanks for your help.

Franco


Hi, Thanks for your reply. Does exist any problem? Thanks

Frkp71

More than a month ago #Permalink
Hi,

Thanks for your reply. Just create custom.css file inside template css folder.

templates/Your_template/css/custom.css

-Thanks


To select the 3rd level menu item, I had to add a new line to your code.
In practice, the code to add to the custom.css file is:

.sp-megamenu-parent .sp-dropdown.sp-dropdown-sub {
Top: 0;
Right: 100%;
Margin-top: -95px;
}

Thanks for your help.

Franco


Hi, Thanks for your reply. Does exist any problem? Thanks


Hi,

The third level menu item is too right and too low, so you can not select it.

By adding to the code, the command line

margin-top : -95px;

can be resolved.

Franco

Toufiq - Staff

More than a month ago #Permalink
Hi, Please share your site URL. Thanks

Frkp71

More than a month ago #Permalink
Hi, Please share your site URL. Thanks


Hi,

the site url is Vigevano Pavia Marathonhttp://www.vigevanopavia.com

Franco

Frkp71

More than a month ago #Permalink
Hi, Please share your site URL. Thanks


Hi,

the site url is Vigevano Pavia Marathonhttp://www.vigevanopavia.com

Franco


https://www.vigevanopavia.com

Toufiq - Staff

More than a month ago #Permalink
Hi,

Now your menu exists this design. What do you want exactly? Please upload a screenshot.

http://prntscr.com/gb3xjb

-Thanks

Frkp71

More than a month ago #Permalink
Hi,

Now your menu exists this design. What do you want exactly? Please upload a screenshot.

http://prntscr.com/gb3xjb

-Thanks


Hi,

by creating the custom.css file with the provided code and adding the command line that I indicated (margin-top: -95px;), now the third-level menu item is displayed correctly and you can select it.

First it was like from screenshot.

Now everything is OK.

screenshot.jpg

Attachments (1)

  • screenshot.jpg
    screenshot.jpg 113.9 KB

Toufiq - Staff

More than a month ago #Permalink
Hi,

Now your menu exists this design. What do you want exactly? Please upload a screenshot.

http://prntscr.com/gb3xjb

-Thanks


Hi,

by creating the custom.css file with the provided code and adding the command line that I indicated (margin-top: -95px;), now the third-level menu item is displayed correctly and you can select it.

First it was like from screenshot.

Now everything is OK.

[attachment]screenshot.jpg[/attachment]


Hi, Thanks for your for your feedback that your problem solved. :)

Frkp71

More than a month ago #Permalink
Hi,

Now your menu exists this design. What do you want exactly? Please upload a screenshot.

http://prntscr.com/gb3xjb

-Thanks


Hi,

by creating the custom.css file with the provided code and adding the command line that I indicated (margin-top: -95px;), now the third-level menu item is displayed correctly and you can select it.

First it was like from screenshot.

Now everything is OK.

[attachment]screenshot.jpg[/attachment]


Hi, Thanks for your for your feedback that your problem solved. :)


Hi,

Are there novelties for the other reported problem?

See notification: Problem with "Carousel" in SP Page Builder.

Thanks

Toufiq - Staff

More than a month ago #Permalink
Hi,

Now your menu exists this design. What do you want exactly? Please upload a screenshot.

http://prntscr.com/gb3xjb

-Thanks


Hi,

by creating the custom.css file with the provided code and adding the command line that I indicated (margin-top: -95px;), now the third-level menu item is displayed correctly and you can select it.

First it was like from screenshot.

Now everything is OK.

[attachment]screenshot.jpg[/attachment]


Hi, Thanks for your for your feedback that your problem solved. :)


Hi,

Are there novelties for the other reported problem?

See notification: Problem with "Carousel" in SP Page Builder.

Thanks


Hi, Thanks for your reply. Please let me know Carousel problem in details.Thanks

Frkp71

More than a month ago #Permalink
Hi,

I updated the SP page creation page to the latest release (2.5.1) on a website.

When I try to update a "Carousel" of images, they disappear and I can not update them. In the back end, when I click the second element for example, I no longer have the promt commands and can not add / edit the content.

If tomorrow I should add an image I would not know how to do it.

In the private conversation I showed you credentials to access the administrative area.

Thanks.

Franco

Toufiq - Staff

More than a month ago #Permalink
Hi, Send me the access via pm. Thanks

Frkp71

More than a month ago #Permalink
Hi, Send me the access via pm. Thanks


Hi,

I've written the credentials in private.

Thanks

Toufiq - Staff

More than a month ago #Permalink
Hi, Send me the access via pm. Thanks


Hi,

I've written the credentials in private.

Thanks


Hi, I have checked your addon of Carousel. But, there is no problem found. Thanks


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

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 107
Sifat

Sifat

Total Accepted Answers: 62
Toufiq

Toufiq

Total Accepted Answers: 47
Mehtaz Afsana Borsha

Mehtaz Afsana Borsha

Total Accepted Answers: 20
Rashida Rahman

Rashida Rahman

Total Accepted Answers: 12

118

Templates

303300

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us