Forum Replies Created
-
Posts
-
Hi Josue,
I just a noticed an issue with this solution. If I have 3 images in the gallery, then doing this cover photo will add a 4th in the lightbox. I figured out I can delete the image from the gallery and all will work okay, but is there a way to have this cover image trigger the lightbox, but not add a picture to it?
Hi Josue,
It’s already “fixed” on that page now because I had added this style:
@media only screen and (max-width: 767px) { .responsive #header.av_header_transparency + #main { top: -64px; position: relative; } }This was tricky because I had to use the sibling css selector. I think something similar to this should be used to fix the theme out of box.
2. After more thinking, I think that shifting the image below the mobile menu is not smart– and I think that is the cause of this issue. After doing some debugging, it looks like the menu bar actually IS transparent, but behind it is a wrap_all with color #423d42, and so the header looks black. So the problem is just that the image is getting shifted down 63px when the mobile menu is being displayed. In DOM speak, the div#main’s top is too low. How to fix?
3. I was able to figure this out. I added: .header_color .header_bg {background-color:transparent}
2. This issue still exists. To be sure you get what I am saying: Start with a wide browser, notice that the top of the background image is full screen and you can see it behind the header. When you make the browser narrow enough to turn on the mobile menu, that image gets shifted down below the header, which is smart, but the image height is not reduced by the header height, so the image continues down past the visible screen. You have to scroll down to see the bottom of the image. Also, I think this is a bug with the theme– it had this behavior before I changed any CSS.
3. Your CSS fixed the height issue– but scrolling down still switches the style out to the default menu style– (and changes the background from having transparency to being solid black (the setting I have set for Enfold->General Styling->Header Background Color))
2. Sorry, miscommunication. The logo had to be there before we fixed #1, because before without the logo, the header would collapse. Now that the header doesn’t collapse, you can see the issue even without the logo.
3. To make the link red, I used: li.current-menu-item { color: red } . I am not sure how to get the transparent menu to be 36px and to not switch to the default menu when I scroll down.
Thanks so much for the help!
Hi Josue,
1. Thanks, works great
2. Were you able to access the Private Data I sent? That website shows this issue on the main page. Just make your web browser narrow width.
3. This got me a step closer. The menu is now no longer shrinking. But I also want it to be 36px high and to never lose the transparency I set: #header_main { background: rgba(0,0,0,0.6); } Ideally, I would also like to be able to change the color of the menu item that corresponds to the current page.Thanks,
Micah
