Hi
I love the updates you did for the new (4.3) Enfold!!!
On one of our clients pages we needed the logo to be larger (overlapping on the image below)
On the last enfold version this css script worked:
.page-id-330 strong.logo {
top: 0px;
height: 350%;
}
strong.logo {
top: 0px;
height: 150%;
}
for some reason this does not work anymore. Is there a new script I should try?
Thanks
Martina
Hey webdesignphx,
Thank you for using Enfold.
This css code should work.
.logo, .logo a {
overflow: visible;
position: relative;
display: block;
height: 150%;
}
Best regards,
Ismael
Hi Ismael
Thank you for the code.
If I use this code to make it even a little larger on the homepage than your code and smaller on the rest of the pages the dark menu bar gets wider on the home and more narrow on the rest of the pages.
.page-id-330 .logo, .logo a {
overflow: visible;
position: relative;
display: block;
height: 200%;
}
.logo, .logo a {
overflow: visible;
position: relative;
display: block;
height: 120%;
}
but otherwise it looks good.
any ideas how to fix that too?
Thanks
Martina
Hi,
Please try the below CSS to change the logo position and size on all pages.
#top .logo,
#top .logo a{
overflow: visible;
}
.logo img {
height: 180%;
max-height: 180px !important;
}
To target a single page
#top.page-id-330 .logo,
#top.page-id-330 .logo a{
overflow: visible;
}
.page-id-330 .logo img {
height: 180%;
max-height: 180px !important;
}
Best regards,
Vinay
Thank you Vinay!!!
That works really well! You guys are the best!