Rounded hower in Responsive Menu and other..

All WYSIWYG Web Builder support issues that are not covered in the forums below.
Forum rules
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
Post Reply
fochardo
 
 
Posts: 88
Joined: Wed Jan 11, 2012 8:10 pm

Rounded hower in Responsive Menu and other..

Post by fochardo » Wed May 16, 2018 12:43 pm

How make to set background hover in Responsive Menu to border-radius:500?. I try to make the background hower rounded.

User avatar
Pablo
 
Posts: 13052
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Rounded hower in Responsive Menu and other..

Post by Pablo » Wed May 16, 2018 12:48 pm

There is no standard option for this.
But maybe this will be useful?

Code: Select all

<style>
#wb_ResponsiveMenu1 li a:hover
{
    border-radius: 50%;
}
</style>

fochardo
 
 
Posts: 88
Joined: Wed Jan 11, 2012 8:10 pm

Re: Rounded hower in Responsive Menu and other..

Post by fochardo » Wed May 16, 2018 1:25 pm

Thanks.

fochardo
 
 
Posts: 88
Joined: Wed Jan 11, 2012 8:10 pm

Re: Rounded hower in Responsive Menu and other..

Post by fochardo » Wed May 16, 2018 8:56 pm

There is a problem and that is if mark "Use hover style to indicate the current page" in the Responsive Menu properties then no have efect and the menu not appears rounded The first item also does not appear rounded and only changes when move through the menu items.

User avatar
Pablo
 
Posts: 13052
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Rounded hower in Responsive Menu and other..

Post by Pablo » Thu May 17, 2018 5:49 am

Maybe this will work?

Code: Select all

<style>
#wb_ResponsiveMenu1 li a:hover, #wb_indexResponsiveMenu1 li .active
{
    border-radius: 50%;
}
</style>

fochardo
 
 
Posts: 88
Joined: Wed Jan 11, 2012 8:10 pm

Re: Rounded hower in Responsive Menu and other..

Post by fochardo » Thu May 17, 2018 6:41 am

Still not working for the option "Use hover style to indicate the current page", but work fine for the rest. Thanks.

User avatar
Pablo
 
Posts: 13052
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Rounded hower in Responsive Menu and other..

Post by Pablo » Thu May 17, 2018 7:34 am

Sorry, I do not have code for that.

fochardo
 
 
Posts: 88
Joined: Wed Jan 11, 2012 8:10 pm

Re: Rounded hower in Responsive Menu and other..

Post by fochardo » Fri May 18, 2018 5:32 am

Sorry, I wanted to say still not working for the option "Enable ScrollSpy (apply hover style based on scroll position of bookmarks).". Maybe it's posibe...

User avatar
Pablo
 
Posts: 13052
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Rounded hower in Responsive Menu and other..

Post by Pablo » Fri May 18, 2018 6:02 am

Sorry, the suggested code was only to point you in the right direction.
To make it work with all possible options you may need to 'tweak' it a bit.

fochardo
 
 
Posts: 88
Joined: Wed Jan 11, 2012 8:10 pm

Re: Rounded hower in Responsive Menu and other..

Post by fochardo » Fri May 18, 2018 12:40 pm

This seems to work:

<style>
#wb_ResponsiveMenu1 li a:hover, #wb_indexResponsiveMenu1 li .active
{
border-radius: 50%;
}
.active {
border-radius: 50%;
)
</style>

Post Reply

Who is online

Users browsing this forum: No registered users and 3 guests