-
Posts
-
Hello there!
I have an issue and I hope you can help me with it :-)
We have a new logo and I need to implement it on our website. However, the background color of the menu has to be reduced a bit.
This is the current situation:
https://www.dentalunion.com/bestanden/website/menu-dentalunion-1.jpgThis is how we like it to be:
https://www.dentalunion.com/bestanden/website/menu-dentalunion-2.jpgI think I have to set some kind of padding to reduce the background color width? Making the whole menu smaller wouldn’t be an option, because that would affect the logo as well.
Hopefully I explained it clear enough.. If not, please ask where I need to be more specific :-)
Kind regards,
Marc
Hey DentalUnion,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#header_main { border-right: none!important; border-left: none!important; border: 10px solid #FFF;Best regards,
VinayHi Vinay,
Thank you for your quick respons!
When I add the code, the social icons and the search icon disappear. Furthermore, the logo is placed behind the menu-links:
https://www.dentalunion.com/bestanden/website/new-situation-menu-header.jpg
I hope it’s possible to fix that :-)
The padding, although not yet precisely right, seems to work!
Hi there,
Does somebody already have a solution for my problem? :)
I also noticed that adding a border doesn’t help, because it also places a border around the logo..Hi,
Sorry about the delay, somehow a closing bracket did not get thru in the previous code. Please try adding the below code I have tested this on your installation and it should work fine.
#header_main { border-right: none!important; border-left: none!important; border: 10px solid #FFF; }Best regards,
VinayHi Vinay,
Thank you for your reply.
Unfortunately, this isn’t the solution I’m looking for.. The new logo isn’t yet installed on our website, so that may be tricky for you. You can visit http://www.plandentbouwenadvies.nl to see the new logo.
With the code you gave me, it looks like this:
https://www.dentalunion.com/bestanden/website/dental-union-logo-border.jpgAnd I would like it like this:
https://www.dentalunion.com/bestanden/website/menu-dentalunion-2.jpgSo I believe that somehow, the background color must be given a restricted height. But I don’t know how tot do that.
I hope you can help me!
Kind regards,
Marc
Hi,
Thank you for sharing the new URL, Please remove the code provided earlier and use the below CSS
.av-logo-container { box-shadow: inset 0px 10px 0px #fff, inset 0px -10px 0px #fff; }Best regards,
VinayHi Vinay,
Wow, that looks more like it! :-)
The only thing now is that it the white shadow disappears on the left and on the right:
https://www.dentalunion.com/bestanden/website/new-header-left-right.jpg
It is possible to make that white line continue all the way?
Kind regards,
Marc
Hi,
Glad you like it better :)
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.av-logo-container { box-shadow: inset 0 0 0 10px #FFF; }Best regards,
VinayHi Vinay,
Unfortunately, that wasn’t the solution I was looking for BUT!
Thanks to your earlier code, I figured out how to solve the issue.Beneath the code you gave me earlier:
.av-logo-container {
box-shadow: inset 0px 10px 0px #fff, inset 0px -10px 0px #fff;
}I had to add this code:
#header_main {
box-shadow: inset 0px 10px 0px #fff, inset 0px -10px 0px #fff;
}So thank you very much for your help, because the issue is solved now :-)
Kind regards,
Marc
Hi,
Glad the issue is resolved! We are happy to help :)
Please take a moment to review our theme and show your support https://themeforest.net/downloads
To know more about enfold features please check – http://kriesi.at/documentation/enfold/
Thank you for using Enfold :)Best regards,
Vinay
- You must be logged in to reply to this topic.