Forum Replies Created
-
Posts
-
Hi Mike,
that’s brilliant, thanks a mill! Just one thing: the mobile header now overlaps with the content at the very top, I have tested with a Google Pixel 6 phone, and browser console hints at this behaviour for other mobiles, too. I dont know how to overcome, e.g. applying padding-top at the body for mobile screens only it does not solve. Any help is much appreciated! :)
Best regards
Hi Ismael,
many thanks for following up. Actually I rewrote the CSS statement for background-image using base64 encoding, now it works. Thanks a mill for your help and code example!
Sorry for hijacking this thread, instead of creating a new one, but could you pls also help me out with the following problems:
– the mobile menu does not stick at the top, I would need that mobile menu to stick at the top of the viewport, as a result the user would not need to to scroll to the very top to access navigation.
– the mobile does not use the typefonts which are used on desktop view, I would need the same typefonts used as you can see on desktop.How would I tackle this?
Best regards!
Hi Ismael,
thanks for chiming in. Well I don’t understand which of these IDs is responsible for which element of the header. When I am using your CSS without any tweaks, it renders the whole header trannsparent. I dont know how to change the IDs.
Currently I am using already the “Transparent Header” from the Theme Options. Could you pls have a look at my site? (logins are provided in 1st post)
Thanks a million!
Kind regards,
AlexHi Rikard,
no problem, thx for coming back at me.
Been there, done that, but it does not scale well.. I believe the best possible way is to manipulate a SVG via CSS (pls see codepen from previous post) to get it as scalable as possible for different screen sizes.
this is the mockup how it should like:
I’ve provided login credentials in my last post, could you pls help out?
Best regards,
AlexHi Mike,
Thanks again, this has worked like charm!
Could you pls help me with that image elements I am trying to add into “image with hotspots” -> I want the image to be opened in a lightbox, but scaled to the viewport, so that the user does not have to scroll inside the lightbox to look at the image. location is posted in private content.
Cheers,
AlexHi MIke,
thanks a mill. Is it possible to retain the logo in this header and have just the menu hidden?
Cheers,
AlexHi Mike,
Thanks a mill, your solution has worked out just perfectly!
Pls close the ticket, for anything else I’ll eventually open a new thread.
Best,
AlexHi Mike,
yeah, exactly!
I’ve added admin login, pls let me know, if you need further assisstance! Your support is highly appreciated :)I’ve hidden the menu re-using your CSS from a previous ticket, just so it only does appear when scrolling down. ;)
Cheers,
AlexHey Michael,
Thank you for the quick response. In fact your CSS does the trick, just forgot to remove the comment tags from the (child) function.php .
Could pls advise I would still need the other logo to slide in when scrolling down, the main logo one can see e.g. on the Imprint page when scrolling down (link provided in private content), it is the one I have uploaded under “Theme Options -> Logo”
Best,
AlexHi Mike,
Thank you for coming back at me. My apologies for not being clear enough in my post.
I actually want the oval logo to be replaced by another one just on the homepage, by using an URL. The oval logo should be retained on all the other pages. By following Enfold’s documentation “CHANGE THE LOGO IMAGE ON SOME PAGES” I can only exchange the main logo but not the “transparent” one, could you pls help me out, on what to change in addition to the code found in the documentation?
Cheers,
Alex
