-
Posts
-
Hi,
On this page I set up in Color section > Section minimum height > “at least 100% of browser window height”.
I would like to achieve this effect. In order to make appear the Fullwidth Sub Menu at the very bottom of the picture.
What sould I do for that ?
Any Custom Css Class in the Fullwidth Sub Menu ?Hi Anton,
Could you post a link to the site in question so that we can take a closer look please?
Best regards,
RikardThe link is present in “this page” in last message
Hi,
Try to add this code in Quick CSS (located in Enfold > General Styling):
#top .sticky_placeholder { display: none; } #top #sub_menu1 { bottom: 0; top: auto !important; }Let us know if it works :)
Best regards,
NikkoHi,
it works, but actually I didn’t expect it staying permanently at the bottom.
First of all, I’d like this effect with submenu only on this page and not being applied to all submenus (like here, for instance). And I’d like the submenu to stay sticky at the top, like it is now, when scrolling the page down.That’s why I initially asked if there’s some code to add to the “Custom Css Class” in the Fullwidth Sub Menu, or maybe Color section ? My need is to put the submenu at the bottom of the picture — this is something I can’t do with 25%, 50%, 75% & 100% suggested in Color section > Section minimum height.
MEANING: like if I could use this percentage allowing me to lay down the submenu at the bottom of the welcome picture, but then scrolling at the top (under the logo area) and sticking there while visitor’s going down the page — like it is in original version.
Am I clear ?Hi,
try this code:
#top .av-submenu-container { top: 651px !important; }and adust as needed.
Best regards,
AndyHi,
It is not what I need, coz with this code the submenu is not sticky at the top. And I’m not about to adjust the top margin depending on my screen size.
I was talking twice about the code to add to the “Custom Css Class” in the Fullwidth Sub Menu, or maybe Color section. In order to put the submenu at the bottom of the picture — this is something I can’t do with 25%, 50%, 75% & 100% suggested in Color section > Section minimum height.
Hi!
Try to change the code I gave to this one:
#top #sub_menu1 { bottom: 0; } #top.page-id-6741 .sticky_placeholder { height: 0 !important; overflow: hidden; }Let us know if it works :)
Cheers!
NikkoWORKS!!!
Though there are two problems to solve:
1. go to this page and you’ll see the submenu at the bottom with its panel empty at the top. Once you scroll the page, the submenu jumps to its place (at the top) and stay there afterwards. Do you think it’s possible to fix it? Coz on this page I didn’t need the submenu at the bottom.
2. At my Services page everything is fine now. Just one little thing (I don’t know where it comes from…): when you’re at the very top of the page and you click on any anchor of the Submenu, it disappears under the logo area before you start scrolling. Possible to manage it somehow?
Hi!
1. I checked the page and the submenu is already on the top when the page loads, can you post a screenshot so we have the same idea how it looks and where it is positioned before scrolling the page.
2. I also checked the services page but if you are on the top no links appear, only the image of the boat and the texts in the middle, the submenu at the bottom doesn’t show, it seems the code we have given isn’t applied yet? or the page is cached? can you also post a screenshot on how this looks on your end.
Regards,
NikkoHi
this is very strange, the code is applied. I can see the change being logged in. When I test it in another brother being logged out, the submenu doens’t appear at bottom of the boat.
Cash is cleared. I don’t understant why is that…
Here is the result on my end being logged inHi,
1.) You’re using this code:
.responsive #top .av-submenu-container { top: auto!important; }Change it to this code instead:
.responsive #top .av-submenu-container { top: 0px !important; }Best regards,
AndyHi,
Please post us your login credentials (in the “private data” field), so we can take a look at your backend.
Login credentials include:
- The URL to the login screen.
- A valid username (with full administration capabilities).
- As well as a password for that username.
- permission to deactivate plugins if necessary.
Best regards,
AndyHi,
I checked both pages and everything seems to be fine now. Could you fix it already?
Please let us know if you still need help and provide us some screenshots highlighting the issue.Best regards,
AndyHi,
I could not fix it.
At the page Services when it’s downloaded and you click for instance on “APPROCHE” you normally get this result — no submenu on the screen. But when you start to scroll with mouth or up and down buttons, the menu does appear.
At the page Intelligence when it’s downloaded the submenu is moved at the very bottom and when you start to scroll (as above) the submenu jumps at its place at the top…
Can you manage this bug ?
Hi,
Service page:
I can’t see the issue you’re showing on your screenshot. It looks like this for me: http://i.imgur.com/I78XZLu.pngItelligence page:
Which cusotm code are you using for your (jumping) menu?Best regards,
AndyThis is the same code, given by your colleague Nikko in this thread, for both — Intelligence and Services:
#top #sub_menu1 {bottom: 0;} #top.page-id-6741 .sticky_placeholder {height: 0 !important; overflow: hidden;}that I put in the Quick CSS of Enfold theme.
I’ve just checked up again both pages in all browsers (Chrome, Opera, Yandex, Safari, Mozilla), and I got the same result as mentioned in my last message
Hey!
Can you remove the code I gave since it’s causing the jump and probably the bug you mentioned. Also, can you give us ftp access, I’d like to add some script for this in functions.php since css code doesn’t seem to provide the solution needed.
Regards,
NikkoHi Anton,
The ftp access doesn’t work, but it should be good now (I found your wp-admin detais which I could still modify functions.php). I have added this script in your functions.php:
function add_custom_script(){ ?> <script type="text/javascript"> (function($){ function myscript() { var $windowH = jQuery(window).height(), $submenuH = jQuery('#top.page-id-6741').find('#sub_menu1').height(), $headerH = "", $bgH = ""; if ( jQuery( "#wpadminbar" ).length ) { $headerH = jQuery('#wpadminbar').height(); $submenuH = $submenuH + $headerH; } $bgH = (($windowH - $submenuH)/$windowH) * 100; jQuery('#top.page-id-6741').find('#av_section_1').css({'max-height': $bgH + 'vh'}); } myscript(); })(jQuery); </script> <?php } add_action('wp_footer', 'add_custom_script');And cleared the cache. Let us know if it’s good on your end also? the code I added is specific to your services page only.
Cheers!
NikkoHi Nikko,
Unfortunatelly I got exactly the same problem as before. And I checked it up, as previous, in all browsers (Chrome, Opera, Yandex, Safari, Mozilla). With the only difference: in Safari the submenu is not visible “at the bottom of the top” of the page Service.
- You must be logged in to reply to this topic.