Themeable menu issue

Bluesman · Post by **Bluesman** » Sun Oct 23, 2022 5:04 pm

Hi Pablo and other pro:s

Having a problem with the themeable menu about padding and placing of the submenu. I am using the Bootstrap mode.
I want to place the submenu lining with the main button at the right border and make the white background narrower.
Having testing the different alternatives for orientation and padding... I'm out of ideas

Testsite:
https://www.chevere.ec/virgin_merced/

Post by **Pablo** » Sun Oct 23, 2022 5:24 pm

You can control the placement of the sub menu via the 'Orientation' property.

The minimum width of the sub menu is 160 pixels (Bootstrap default).
It can only be changed via code:

Code: Select all

.ThemeableMenu1 .dropdown-menu 
{
    min-width: 160px !important;
}

Bluesman · Post by **Bluesman** » Sun Oct 23, 2022 5:29 pm

Pablo wrote: Sun Oct 23, 2022 5:24 pm You can control the placement of the sub menu via the 'Orientation' property.

The minimum width of the sub menu is 160 pixels (Bootstrap default).
It can only be changed via code:
Code: Select all
.ThemeableMenu1 .dropdown-menu 
{
    min-width: 160px !important;
}

Hi Pablo... tnx for answering on a sunday

What comes to the placement I've tried the options in the "Orientation property" emptied the cash each time but it remains as is?
I shall test the code... do I change ".ThemeableMenu1" to the object name I have?
Shall it be between the head and head tag

Bluesman · Post by **Bluesman** » Sun Oct 23, 2022 5:47 pm

For now having the orientation option "right end" is that correct?
What comes to the width of the background I cannot figure out were to place the code. I tried the "object html"?
But shall it be exactly as you wrote or changed... the object id?

Bluesman · Post by **Bluesman** » Sun Oct 23, 2022 6:39 pm

Here's a project file:
https://www.chevere.ec/web_storage/Fund ... n_test.zip

crispy68 · Post by **crispy68** » Sun Oct 23, 2022 6:40 pm

Place the code in html object set to between the <head> tags. You will need to add style tags like such:

Code: Select all

<style>
.ThemeableMenu1 .dropdown-menu 
{
    min-width: 160px !important;
}
</style>

Bluesman · Post by **Bluesman** » Sun Oct 23, 2022 6:48 pm

crispy68 wrote: Sun Oct 23, 2022 6:40 pm Place the code in html object set to between the <head> tags. You will need to add style tags like such:
Code: Select all
<style>
.ThemeableMenu1 .dropdown-menu 
{
    min-width: 160px !important;
}
</style>

Hi crispy... muchas gracias... that did the trick with the width for the background. Did you notice the other issue with the "orientation that I don't get to the right place?
I attached a demo project in the above post...

But now it works in mobilephone so it is not that important... but nice if the tools works as they should

crispy68 · Post by **crispy68** » Sun Oct 23, 2022 7:13 pm

Are you wanting the text in the dropdown centered, left or right aligned?

Bluesman · Post by **Bluesman** » Sun Oct 23, 2022 7:21 pm

crispy68 wrote: Sun Oct 23, 2022 7:13 pm Are you wanting the text in the dropdown centered, left or right aligned?

Hi again crispy and tnx so much for answering on a sunday

The text shall be left aligned but the white background shall line with the right side of the initial button.

crispy68 · Post by **crispy68** » Sun Oct 23, 2022 7:40 pm

Set the Orientation = bottom end
Add the code below:

Code: Select all

<style>
.ThemeableMenu1 .dropdown-menu 
{
    min-width: 90px !important;
    left:-4px !important;
}
</style>

Bluesman · Post by **Bluesman** » Sun Oct 23, 2022 7:58 pm

crispy68 wrote: Sun Oct 23, 2022 7:40 pm Set the Orientation = bottom end
Add the code below:
Code: Select all
<style>
.ThemeableMenu1 .dropdown-menu 
{
    min-width: 90px !important;
    left:-4px !important;
}
</style>

Tnx again crispy... am out right now but will test when I return home... have a nice rest of sunday amigo

Bluesman · Post by **Bluesman** » Sun Oct 23, 2022 8:34 pm

Tnx cruspy... with a little finetuning t works ok. Good to know how to fix this

www.wysiwygwebbuilder.com

Themeable menu issue

Themeable menu issue

Re: Themeable menu issue

Re: Themeable menu issue

Re: Themeable menu issue

Re: Themeable menu issue

Re: Themeable menu issue

Re: Themeable menu issue

Re: Themeable menu issue

Re: Themeable menu issue

Re: Themeable menu issue

Re: Themeable menu issue

Re: Themeable menu issue