Hi,
I want the logo to protrude from the header over the slider.
I tried the following CSS, but it doesn’t reach my goal:
strong.logo {
top: 0px;
}
.logo img {
height: 164px !important;
max-height: 164px !important;
}
strong.logo {
height: 0px;
}
Hey mordasinima,
Please try the following in Quick CSS under Enfold->General Styling:
.html_header_top #top .av_logo_right .logo {
position: absolute;
left: auto;
right: 0;
background: blue;
top: 20px;
}
Best regards,
Rikard
Thanks that’s perfect. Now a second problem: If my website is reduced (mobile mode), I see the logo, and the dark blue square, and the menu … can I drag the header area across the whole width? I mean the dark blue square.
Best regards, Martin
Hi Martin,
Thanks for the update, I’m not sure exactly what you are looking to achieve though. Do you want the blue background behind the logo to stretch full width on mobile?
Best regards,
Rikard
Hi Rikard,
yes… i have made a picture for you in the attachement. so you can see what i mean. the slider with text ist to hight an the dark blue over the width screen. this is only in the mobile version.
Best regards,
Martin
Hi Martin,
The header should be full width and solid by default, it looks like this CSS is causing it to not display like that:
@media only screen and (max-width: 767px) {
.responsive #header_main .container {
height: auto !important;
}
}
Could you try removing that CSS please? I’m not sure exactly where it’s added since you have caching active.
Best regards,
Rikard