Several Questions (Off Canvas Menu, IMG Height and Width)

Hello

I've got following issues and hope you can help:

1. How do i set the height of the parallax images to 100% of the screen height?
2. All Parts of my Frontpage after the Menu Section are inside one shared <div>. This makes, that images wich are shown after the Menu Section are not filling the whole width of the screen on mobile devices.
3. Also on mobile devices: The Off Canvas Menu isn't closing itself when I press a link (exceot for the Home Link).

Please let me know how i can change that.
You find the Website at vegiman.ch/wordpress

Thanks in advance!
Florian

Hello,

Regarding your issues:
1. Try to add following code into Steakhouse/css/override.css file or use custom CSS plugin described here:
https://www.gavick.com/blog/adding-cust ... ress-theme

Code: Select all

.frontpage-block.gk-parallax {
  padding: 360px 0 !important;
}


2. Which images exactly - inside the "VEGIBURGER 100% HAUSGEMACHT" section?

3. It's because you are still on the same page, (you are using only anchor links #, so it's normal), if you would have links to other pages menu will be closed.

2. All Images after the "BURGER: 100% Vegan Bratlinge wahlweise aus Seitan oder Bohnen" Section (id="angebot").
All following Sections are are under the <div> section of this one. You can see this here:


Cheers, f.

Please check your website here:
http://validator.w3.org/check?uri=http% ... 2Fservices

You have a lot of unclosed elements (on your frontpage subpages), which probably cause this issue.

Thanks.

So, there's no possibility to close the Off Canvas Menu on mobiles by clicking on a point?

I also have another question. Where can I remove the "find more news" button on the blog page?

Greetings

Hi,

Please check this thread regarding "find more nws" (set it empty to hide this button:
https://www.gavick.com/forums/steak-hou ... news-40460

Regarding the Off Canvas Menu, try to edit Steakhouse/js/functions.js file and add the following fragment:

Code: Select all

$('#aside-menu').find('a[href^="#"]').click(function() {
            $('#close-menu').trigger('click');
        });


after:

Code: Select all

$('#close-menu').click(function() {
            $('#close-menu').toggleClass('menu-open');
            $('#gk-bg').toggleClass('menu-open');
            $('#aside-menu').toggleClass('menu-open');
        });


Thanks for the answer. Unfortunately this code didn't help.
Any idea?

I've checked this code with the Steakhouse theme and when I click the anchor link in the aside menu, the menu is closing.

This is how my functions.js files looks like at the aside menu section:



Is there anything wrong?

The code seems to be ok, could you send me a PM with backend and FTP access to your website?