How to remove gap between menu and Featured Image ?

[nandreas]

The main menu is fixed to top on scroll generally.

For some pages I am using a fixed Featured Image covering the complete screen (as BG Image, Parallax Full).  For such pages I hide Site Title/Tagline and replace them by H2 / H3. These pages don’t have neither a Title, it is replaced by an H1 in a text widget (Site Origin Editor).

I would love to have the Featured Image reach up to the menu.

Sample:

Workshops zum Ersatzteilmanagement im Maschinenbau

[scrambler]

The proper way to do that is to use a CSS rule to replace the Overall background image with the new one on any page.

In the case of that page, if you remove your current image, you can make it the fixed background of that page using the rule below, added to the Theme Global Custom CSS Rule box

body.custom-background.page-id-4709  {background-image: url(//no-stop.de/wp-content/uploads/2022/09/Workshops-im-Aftersales-Maschinenbau-20220908-scaled.jpg);background-attachment:fixed;background-size:cover;}

[scrambler]

Also, the proper way to hide the site title and tagline is to use either of the two options below

• Globally using the hide option in the theme title tagline options
• Locally, using the per page option found in the page editing page > Xtreme Option for this page  > Visibility TAB > Hide site title and tagline.

The improperly hidden Title and tagline is what is causing the space with the method you are using

[nandreas]

thanks, it works perfect

[Author]

Posts