-
AuthorPosts
-
May 1, 2018 at 12:22 am #949278
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-
This topic was modified 7 years, 6 months ago by
webdesignphx.
May 3, 2018 at 7:44 am #950544Hey webdesignphx,
Thank you for using Enfold.
This css code should work.
.logo, .logo a { overflow: visible; position: relative; display: block; height: 150%; }Best regards,
IsmaelMay 3, 2018 at 4:19 pm #950901Hi 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
MartinaMay 4, 2018 at 2:08 pm #951671Hi,
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,
VinayMay 4, 2018 at 8:06 pm #951832Thank you Vinay!!!
That works really well! You guys are the best!May 6, 2018 at 7:02 am #952230 -
This topic was modified 7 years, 6 months ago by
-
AuthorPosts
- You must be logged in to reply to this topic.
