-
AuthorPosts
-
June 21, 2015 at 6:34 am #462281
Hello, my question is simple, but I am hoping the answer isn’t going to be as complicated as I think it might be.
I am using enfold for my photography blog, and I would be the happiest person in the world if I could figure out a way for my homepage slider and menu to behave JUST LIKE THIS SITE: http://www.StuckinCustoms.com
Here is MY WEBSITE currently: http://www.FindingMiddleEarth.com
Thank you so much in advance for your time!
-Eric
June 21, 2015 at 11:34 am #462312hm – i think the way you have it looks very nice.
I wouldn’t change anything.but if you have a look here :
i managed it this way:
i set the main nav to display none, and used a submenu (there you can choose existing menus like main menu) under the fullscreen slider
i set up the height from 100% to a calc input (the hight of the sub-menu was 52px)nav.main_menu { display: none; } .avia-fullscreen-slider.main_color.avia-builder-el-0.el_before_av_submenu.avia-builder-el-first.container_wrap.sidebar_right { height: calc(100vh - 52px); } #top .av-subnav-menu { margin: 0; padding-left: 40px; } #top .av-submenu-container { background-color: transparent; transition: background-color 0.4s ease 0s; } #top .header-scrolled + #main .av-submenu-container { background-color: #fff }
the result you can see here: http://webers-testseite.de/enf02/beispiel-seite/
the rest will be styling the menu and vor responsive to set the sub-menu to display none- This reply was modified 9 years, 4 months ago by Guenni007.
June 22, 2015 at 1:01 pm #462705Hey!
thanks @Guenni007 :)
@EricMarks
Let us know if you still need help with this.Otherwise feel free to open a new ticket if you have another question or issue related to the theme.
Regards,
AndyJune 22, 2015 at 11:57 pm #463095Thank you very much for the advice @Guenni007. It doesn’t look quite right on my site, but do you know how to get the logo to attach itself to the menu bar under the slider like on that site example I gave? Thanks so much for your time!
Eric
June 23, 2015 at 7:45 am #463156The code above has to be changed if you use a different header like in the example. Because i choosed the shrinking transparent for it.
But i see that the header-scrolled class only exists if the shrinking header is used.June 24, 2015 at 9:54 am #463843Hi!
if you really need a header like in your example (which starts at the bottom of the page and stays at top of the page when scrolled), then it would require a heavy customization of the theme. You would need to hire someone for this job.
Best regards,
Andy -
AuthorPosts
- You must be logged in to reply to this topic.