Themeable menu issue

All WYSIWYG Web Builder support issues that are not covered in the forums below.
Forum rules
IMPORTANT NOTE!!

DO YOU HAVE A QUESTION OR PROBLEM AND WANT QUICK HELP?
THEN PLEASE SHARE A "DEMO" PROJECT.


PLEASE READ THE FORUM RULES BEFORE YOU POST:
http://www.wysiwygwebbuilder.com/forum/viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
Post Reply
User avatar
Bluesman
 
 
Posts: 1205
Joined: Mon Feb 01, 2016 5:43 pm
Location: Sweden
Contact:
Contact Bluesman

Themeable menu issue

Post by Bluesman »

Hi Pablo and other pro:s :D 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 :?

Image

Testsite:
https://www.chevere.ec/virgin_merced/
"Make My Day"

See my Website
Top
User avatar
Pablo
 
Posts: 23598
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:
Contact Pablo

Re: Themeable menu issue

Post by Pablo »

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;
}
Top
User avatar
Bluesman
 
 
Posts: 1205
Joined: Mon Feb 01, 2016 5:43 pm
Location: Sweden
Contact:
Contact Bluesman

Re: Themeable menu issue

Post by Bluesman »

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 :D
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
"Make My Day"

See my Website
Top
User avatar
Bluesman
 
 
Posts: 1205
Joined: Mon Feb 01, 2016 5:43 pm
Location: Sweden
Contact:
Contact Bluesman

Re: Themeable menu issue

Post by Bluesman »

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?
"Make My Day"

See my Website
Top
User avatar
Bluesman
 
 
Posts: 1205
Joined: Mon Feb 01, 2016 5:43 pm
Location: Sweden
Contact:
Contact Bluesman

Re: Themeable menu issue

Post by Bluesman »

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

See my Website
Top
User avatar
crispy68
 
 
Posts: 3090
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:
Contact crispy68

Re: Themeable menu issue

Post by crispy68 »

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>
Top
User avatar
Bluesman
 
 
Posts: 1205
Joined: Mon Feb 01, 2016 5:43 pm
Location: Sweden
Contact:
Contact Bluesman

Re: Themeable menu issue

Post by Bluesman »

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 :D
"Make My Day"

See my Website
Top
User avatar
crispy68
 
 
Posts: 3090
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:
Contact crispy68

Re: Themeable menu issue

Post by crispy68 »

Are you wanting the text in the dropdown centered, left or right aligned?
Top
User avatar
Bluesman
 
 
Posts: 1205
Joined: Mon Feb 01, 2016 5:43 pm
Location: Sweden
Contact:
Contact Bluesman

Re: Themeable menu issue

Post by Bluesman »

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 :D
The text shall be left aligned but the white background shall line with the right side of the initial button.
"Make My Day"

See my Website
Top
User avatar
crispy68
 
 
Posts: 3090
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:
Contact crispy68

Re: Themeable menu issue

Post by crispy68 »

Set the Orientation = bottom end
Add the code below:

Code: Select all

<style>
.ThemeableMenu1 .dropdown-menu 
{
    min-width: 90px !important;
    left:-4px !important;
}
</style>
Top
User avatar
Bluesman
 
 
Posts: 1205
Joined: Mon Feb 01, 2016 5:43 pm
Location: Sweden
Contact:
Contact Bluesman

Re: Themeable menu issue

Post by Bluesman »

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
"Make My Day"

See my Website
Top
User avatar
Bluesman
 
 
Posts: 1205
Joined: Mon Feb 01, 2016 5:43 pm
Location: Sweden
Contact:
Contact Bluesman

Re: Themeable menu issue

Post by Bluesman »

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

See my Website
Top
Post Reply

Return to “General Questions”