-
AuthorPosts
-
March 20, 2018 at 1:04 pm #929808
hi, I am trying to embed an iframe into a color section but I only want to to show 90% height of the iframe in order to attach/show the full with submenu element right below the color section. any ideas? thank you 😊
March 20, 2018 at 5:27 pm #929981Hey cg808,
I think you can do that via css, just use vh instead of px when setting the height. Try putting both iframe and submenu in the color section with height set to 100% browser height, then give us a link to that page, then we’ll try to help and give css codes that should help.
Best regards,
NikkoMarch 21, 2018 at 11:31 am #930495hi nikko, thanks for getting back to me :-) i did what you suggested. we can post the css code as public when the issue is solved. thank you again for your support.
March 21, 2018 at 11:53 am #930511Hi,
Can you try adding this css code in Quick CSS (located in Enfold > General Styling):
#top #map { max-height: 90vh; } #top #map .container, #top #map .container .content { max-height: 100%; display: block; overflow: hidden; }
Hope it helps.
Best regards,
NikkoMarch 22, 2018 at 11:27 am #931154the css worked perfectly :-) thank you! unfortunately it did not solve our problem. my assumption was wrong. the menu cuts off when the window gets to small. i want to add the submenu as footer or socket to the color section – always sticking to the bottom of the browser window. basically as an overlay menu of the color section. also to keep the responsive features of the submenu. when you look at the demo you get the idea. currently there is a div positioned in the center pointing down 👇 I would really like to add the fullwidth sub menu at the position instead of the pointer. is that possible? thank you again :-)
March 22, 2018 at 2:58 pm #931348Hi,
Can you try adding this css code in Quick CSS:
#top #sub_menu1 { position: fixed !important; bottom: 0; width: 100%; }
Let us know if this helps :)
Best regards,
NikkoMarch 22, 2018 at 3:23 pm #931375thank you nikko for the fast response. somehow it doesn’t work. the moment the submenu placeholder hits the top of the page the whole page content after the menu disappears. strange… I tried this before but it did not work. let me know if you need anything else form your side. thank you
March 22, 2018 at 5:05 pm #931460Hi,
Hmmm, can you try to put the submenu on top of the map but not inside the color section, with the css code I gave it should still be showing sticky on the bottom.
Best regards,
NikkoMarch 22, 2018 at 5:14 pm #931467just tired it and the odd behaviour is the same. as soon as the menu placeholder hits the top of the page the content of the page disappears. the full width sub menu can not be placed inside a color section. the menu sticks but the black placeholder for the menu seems to be the problem. I tried to move the submenu with a margin tag but again only the menu moves and not the “whole container” the placeholder is still at the same spot. I can setup a admin user for you if you need it. let me know. thank you 👍🏻
March 23, 2018 at 3:34 pm #931998hi Nikko, basically I am looking for the same menu bar navigation https://is.gd/6maMFS do you think this is possible? I don’t want to use this theme because I don’t like it and I really enjoy working with enfold 👍🏻
March 23, 2018 at 11:24 pm #932148Hi,
Unfortunately, it would require quite some time and customization of the theme to achieve this, so I am sorry to tell you that this is not covered by our support. However, if it’s really important for you to get this done, you can always hire a freelancer to do the job for you :)
Best regards,
Basilis -
AuthorPosts
- You must be logged in to reply to this topic.