Menu + Responsive mobile version + Social Media buttons

Hi there, 

I hope you guys can help me out with a view things I want to do on my website for a client. The website is http://www.itsjimi.com/dezeug

1) I have a little problem with the menu; When you rollover the third menu item (Fornuizen) you see the two sub menu items rol out with a bit of space between the main menu and the sub items. How can I reduce this space? When I scroll down and the header isn't visible the space isn't there. 

2) The second thing is the background image from the first container on the homepage: http://www.itsjimi.com/dezeug (the drawn kitchen) When you visit the site on your mobile the image is cut and you can't see that it is a kitchen. So my client ask me to delete the image when you visit the site on mobile or scale it down that you can see what it is. I hope you huys have the solution for me. 

3) How can I add the social media items like this http://themes.muffingroup.com/betheme/ in the copyright area. I also have a second menu over there with terms etc. 

Comments

  • edited April 2018
    Hey,
    1. Use this css
    #Top_bar:not(.is-sticky) .menu li ul {
    top:65% !important;
    }
    2. There is not much that can be done because the image is a background image and it goes under the content.
    3. You have to fill them in theme options>social
    thanks
  • edited April 2018
    1. thank you, now the sub menu have a good amount of space. But when you scroll down the steaky comes in then the space looks terrible. I hope there is an option to fix it, that it fits to the brown scroll down sticky menu balk.


    2. Is there no CSS that can hide the background image when the website is visit on mobile. So disable image when screen size is under ..PX or something like that. 

    3. Thank you.


  • 1. I have modified the css I pasted above. Use it instead of the previous one.
    2. You cannot do that, but you do have the option to choose the section visibility on devices. Edit the section and scroll down, you will see the section visibility options. So you can hide the section on mobile, and display another one instead.
    3. You are welcome.
  • edited April 2018
    Thanks for the support! 

    On the page Fornuizen> AGA you can see different pictures of stoves. 
    What is the best way to make the stoves clickable and bring in a custom section where al the information can be read about that stove. So when you click on another stove the section changes whit other info. 

    I don't want to make for every stove a new page whit the same content except the info from the stove. I guess this shouldn't be the right way. And google don't like websites with 10 the pages with small changes. 

    And I fill in my social links at the option> social part but nothing shows up.
  • Nothing shows up in the footer because the social menu was replaced with your custom menu.

    Not sure what do you want to do, but if you want to link the images then just fill the link field in the image item or use the image shortcode.

    If you want to attach more information then maybe a popup would be a better idea.
    http://themes.muffingroup.com/be/theme/shortcodes/typography/#popup
Sign In or Register to comment.