Forum Replies Created
-
Posts
-
Amazing, thanks!
Now I was thinking, if I wanted the whole header to have a background image/pattern with a bottom edge like that. Could I prepare the image in photoshop, then add a div above the header and have the PNG act as header? I guess responsivity would be an issue then… You have the best support!
Oh that was a code Victoria added when we had an unwanted empty container for related products, which I had removed with css. It worked at the time, I wonder why it suddenly removed everything… But thanks for the solution!
Hello, the blank area remained with that code, thanks anyway!
I ended up realizing that I can achieve the same look of “full screen” slider with “full width” and just adjusting the grid sizes.No problem anymore :)
Hi, thanks I think that looks okay now! However, _if_ I wanted to have the scrolled header in question to be more in height than 45px, how to achieve this? Thank you again.
That moved the cart to the very bottom, but since the dropdown appears under the cart it cannot be seen. Thanks anyway!
Since there were some drawbacks with the provided solutions, I think the best option to have the cart in its original place at the top, but have the fadeout be faster. Can you provide the code for that?
Hi! It seems that the social icons cannot be clicked when the cart is in the same element. Can we have it separated in its own? Otherwise I like it being at the bottom, thanks Victoria!
I made you a user account, check private section! I purged the page from cache, if that helps…
After adding your code, the result is as intended except for the second burger below the logo :D
Can we remove it and the container it is in?Thanks, quick css didn’t work, I’ll try the other way soon! But: If I left the cart where it is and wanted the cart dropdown fade out be faster, is there css for that? See the main reason for this thread was that it might be a little clumsy user experience if the mini cart covers the menu, since mini cart won’t go away unless the user waits the whole fade out animation…
Oh right, I have removed related products with this code:
.related.products {
display: none;
}What do I add so that the container is not displayed? Big thanks!
Okay! Is it possible to have the cart icon be somewhere at the bottom of the menu, near the social icons?
Also, I noticed the socket acts weird on product pages, stretching above the footer. Can you provide a solution in this thread? Thanks!
Thanks, that works otherwise but there are two burgers, the one under the logo where the text menu used to be, I don’t need :D
When I inspect the element, I guess we don’t want the element “avia-menu av-main-nav-wrap” to be displayed…
Hi! I meant that the whole menu item box is appearing on the left side (SSN-> Projektit -> Älä jää yksin). How could we have it appear on the right? Text aligned to left is fine.
edit: I found a solution for the submenu arrow-question, it was solved with this code:
.menu li > a:after { content: ‘ ▾’; }
.menu li > a:only-child:after { content: ”; }Still interested in having submenu-boxes appear on the right side, thanks!
