Welcome, Guest
Username: Password: Remember me
Discussion about the Yendif Responsive Menu Module.
  • Page:
  • 1
  • 2

TOPIC: border

border 1 year 11 months ago #8

  • Tardigrade Design
  • Tardigrade Design's Avatar
  • Offline
  • New Member
  • Posts: 5
  • Karma: 0
Hallo,

is there a way to define a transparent border for the menu?

If I leave the box blank - its #fffff; after saving.

What to do?
vanbrel
The administrator has disabled public write access.

border 1 year 11 months ago #9

  • Super User
  • Super User's Avatar
  • Offline
  • Administrator
  • Posts: 155
  • Thank you received: 24
  • Karma: 3
You don't want the menu border right ?

- Just add the same "Menu Background Colour" value in "Menu Border Colour" field.
Last Edit: 1 year 11 months ago by Super User.
The administrator has disabled public write access.

border 1 year 11 months ago #10

  • Super User
  • Super User's Avatar
  • Offline
  • Administrator
  • Posts: 155
  • Thank you received: 24
  • Karma: 3
Alternatively, we can fix it by using the CUSTOM CSS option from the module back-end.

- Edit open the module back-end.

- Select "Menu Styling Options" tab and add the following code in CUSTOM CSS field.

#yendifResponsiveMenu167 ul.yendifHorizontal {
border:none !important;
}


- Save the changes and check at your site front-end.

Hope, this solved your issue !!!
Last Edit: 1 year 11 months ago by Super User.
The administrator has disabled public write access.

border 1 year 11 months ago #11

  • Tardigrade Design
  • Tardigrade Design's Avatar
  • Offline
  • New Member
  • Posts: 5
  • Karma: 0
Hi

thanks for your help - but the problem is only almots resolved. As I use a gradient there are different background- colors.

I tried it with the custom css which brings a good result. The only issue is that if the menu item on the very left side is active the border radius is not to see: messebau-firma.de/

Any idea?
vanbrel
The administrator has disabled public write access.

border 1 year 11 months ago #12

  • Super User
  • Super User's Avatar
  • Offline
  • Administrator
  • Posts: 155
  • Thank you received: 24
  • Karma: 3
The only issue is that if the menu item on the very left side is active the border radius is not to see:

- Sorry, I can't get you. The CSS code which I sent previously works only for your TOP menu module. Do you also want to remove the border in your left side menu module ? Also you want to remove the border radius in left side module ?

- You can remove the menu border radius using the "Menu Border Radius" config option under "Menu Styling Options" tab.

- Kindly use the following code to remove border in your left side menu module.

#yendifResponsiveMenu168 ul.yendifVertical {
border:none !important;
}
The administrator has disabled public write access.

border 1 year 11 months ago #13

  • Tardigrade Design
  • Tardigrade Design's Avatar
  • Offline
  • New Member
  • Posts: 5
  • Karma: 0
Hi

sorry that I was not clear. I have understood how to remove the border. And I do not want to remove it from the vertical menu.

If you clck on the URL and then "Start" is the active menu item. Then you see on the left side of the yellow field that there the corners are not rounded as they are on the right side of the top menu.

I know that this is a minor issue and I can live with this. But if you have a quick solution - fine.

Ciao
vanbrel
The administrator has disabled public write access.
  • Page:
  • 1
  • 2
Time to create page: 0.166 seconds