Forum Replies Created
-
Posts
-
Hi Rikard! Thanks for pointing out that I had the element set to black. I took it out from this line of code and it resolved the issue. You can close this ticket :)
@media only screen and (max-width: 990px) {
#header, #header * { background: white !important; }
#header {
position: fixed !important; }I entered 1700px in the dimensions but the boxed layout still appears when viewing the site on laptop and all other devices that have screens smaller than 1700px.
What i’m wondering is if we can use this setting strictly for desktop screens. When looking at the uber site, notice that it is full width on laptop but boxed on desktop to prevent the site from stretching too far – this is what i’m trying to accomplish.
Thank you!
In regards to adjusting the header height – the code provided worked great but now I can see the background color of the logo spilling over the header container. Is there a way to set the logo’s background color to transparent?
Hi guys! Thanks for the input. I just realized that one of my previous tickets answers this question, I just had to change the ID and switch the header to transparent. This is what I used:
@media only screen and (min-width: 768px) { #header { display:none !important; } }Hey Rikard!
Thanks for providing this, worked perfectly. I had tried something similar but was just a little off!
Happy Friday! :)
Hello! Ok, sorry about that. Things got confusing because I changed the wording of my question right as Yigit responded, I’ll create a new ticket.
Hi Yigit!
That was a quick response, thank you! I actually just modified my question right as you were responding to my first one because I found a work around that I think may be easier for me to customize (see above). Could help me with this issue?
thank you so much!
Hey Ismael!
Got it! I’ve played around with it a bit and it looks pretty simple. Thanks for pointing me in the right direction!
hi! it was applied to the child theme css but i took it down since nothing changed. I just now applied it to the quick css if that helps but here are my login credentials if you still need them.
hm now that I’ve applied it to the quick css the menu does not work anymore.
Nevermind! I figured it out with the css below.
.av-image-caption-overlay .av-image-caption-overlay-center {
padding-top: 200px !important;
}Hello. You can close this thread. I’ve found an alternative CSS that works much better than the one above. thanks guys!
Hi. Just wanted to let you guys know that the screenshots are now working. Seems like it just needed time. THanks!
Hi Josue! Quick question, how do you get this animation to slide out from the right instead of from the top?
Hello.
I entered in this code you guys provided from one of my other enfold sites and it worked:
@media only screen and (max-width: 767px) {
#header, #header * { background: transparent !important; }
#header { position: absolute !important; }
}Thanks guys.
When I changing the background function to transparent it affects the background color of the toggle and not the entire header area.
Hi! Great, that fixes the colors of the toggle. However, the entire header bg still remains white and not transparent.
Works! However, for some reason the background of the header is no longer transparent.
I had to alter the code within this css snippet to make it so that it was no longer fixed, but when I did so, the transparency disappeared:
@media only screen and (max-width: 1100px) {
#top #wrap_all .av_header_transparency {
background-color: transparent !important;
position: scroll !important;
}}I changed the position from fixed to scroll. Could you please help me with this?
I’m not sure where to put it. I’ve tried adding it into the code block, between the divs and with it’s own divs but I can’t get it to work. Can you tell me exactly how and where to insert that line?
So I got it to work once I put back the:
/*Add your own styles here:*/
at the top of the child theme’s style sheet. Initially I put the css between the the symbols. You can close this topic, hopefully it helps others! :)
