Okay
  Public Ticket #734720
Overlay Menu, Portfolio Items, Header Image on mobile Device
Closed

Comments

  • Manuel started the conversation

    Hello there.

    I recently purchased the Nerduck Theme and I really love it. However I have some questions about stuff I couldn't figure out myself and would be happy if you can help me out.:

    --- Fullscreen Overlay Menu

    I've been trying to figure out how you did the menu and if there is a way to make the Fullscreen Overlay menu work on mobile devices to, instead of the dropdown menu.

    --- Portfolio Items (Next Project)

    So my Portfolio Items on the main landing Page are in the correct order, like i wish. But when I open the first Portfolio Item and scroll down to the bottom, the next project that gets displayed by hovering over the "Next Project" Button, is the same Item I'm already on. So basicly I'm stuck on that page. In your example website, there is a seemless loop (as I remember) so the viewer can click through all portfolio items/projects. How do I achieve this?

    --- Header Image

    When I open a portfolio item on my mobile phone and scroll down, the header image changes it's size and so the paragraph text gets pushed around. This is really irritating when trying to read content. I didn't really figure out if it's because of the menu that does not get hidden when scrolling down, or if it is because of the header image itself. 

    --- Contact Page

    At the bottom of the Contact page i'd like to have that hover button that links back to the projects page. There is an option in the settings of the theme, it is activated and set up, but it does not appear and work... What am I doing wrong?


    Thanks for reading this book i just wrote. I would really appreciate if you could help me solve these issues. Still it is a very cool theme that I like very much

    Friendly greetings from Switzerland

    Manuel

  •  1,791
    Support replied

    Hello Manuel,

    1. to have the overlay menu on mobile devices is quite a bit of custom work, you can switch any time between classic and overlay menu on non-mobile version in theme options

    2. check if disabling post types order plugin does solve the problem

    3. can you provide plz and example. the url of the portfolio item page.

    4. we have to contact layouts:

    http://clapat.ro/themes/nerduck-wordpress/contact-alternate/

    http://clapat.ro/themes/nerduck-wordpress/contact/

    None of them has the button in question... or perhaps I misunderstood? it's easy to add a button shortcode and then link it to the home page.

    Thank you

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  • Manuel replied

    Thank you for taking the time!

    Hm... would've been cool to have that menu on the mobile device as well. Could you tell me where the menu stuff happens? Mybe I'll figure it out sometime in the future :) Then, is there a reason why the menu starts closing with a 1 sec delay after hitting the "hamburger-button" (still on mobile), is it coded that way and can I change the delay, or is the code just a little slow there?


    Disabling the post type order plugin did the job, but now i can't seem to put the items in the the order i'd like anywhere else. And it's jumping through projects and not from 1st to last.


    There is no particular portfolio item, it's actually happening wherever there is a hero image put in. Even the implemented google map on the contact page is doing this. On scroll down it scales up the height a bit and on scroll up it gets scaled down the same amount. And because of that the rest of the stuff that followes gets pushed up or down. I tried different browsers on mobile devices and also android or iphone.


    You're right, there is no such button on your example pages. My fault. If i want, for example, add the same "Submit" button, like on the second of your contact examples, how can I add such a button?


    Thank you very much 

    Manuel

  •  1,791
    Support replied

    Hello Manuel

    1. overlay menu: it's a combination of js and css . the structure of the menu is 

    <div id="overlay-menu">
    <div class="outer">
    <div class="inner">
    <div id="close-overlay-menu"></div>

    and following the classes in /js/scripts.js you will find the function ResponsiveMenu() which among others adds a class 'overlay-show' to the menu.

    It's a good suggestion though, we may include it in our future updates

    2. i need wp credentials to investigate this

    3. plz send us a specific page as an example

    4. best is to add the html code for it:

    <div class="nav-button"><input type="submit" value="Submit" class="wpcf7-form-control wpcf7-submit"></div>

    thanks

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy