Mobile header with to much space around logo an menu

[marcmelo]

hi guys. on my website i have the menu inside the fancy header picture. there is no space at the top or the bottom. only the pic.
on mobile device the logo and the menu is in a bis box. and under the box is the header picture.
is it possible to put the logo and the menu into the picture with no space above?

i hope you can help me

regards, marc

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Sounds like you want to use this CSS:

@media only screen and (max-width: 767px) {
.header-overlay.layout-fullwidth .fw-header.container {
    padding: 0;
}
}

[marcmelo]

thx for your help, but the problem is still there

[marcmelo]

here’s a screenshot

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

Instead of placing the code in style.css, place it inside the custom css option in the theme options.

-Rui

[Nico]

Hi, I have the same issue as marcmelo and I tried to solve it with the above code. didn’t help unfortunately. Any idea? Alternaively, how could I change the background color to white?

the link: drupal.verdulade.de

Also if I open the menu and close it again, the picture (rev slider) is moved to the right so only half of it is visible. It can be moved back to center if you click on the logo on top.

thanks!

[Rui Guerreiro – SUPPORT]

Hi,

Try to add the code below to your custom css option.

@media only screen and (max-width: 767px){
#header .is-sticky .sticky-header {
    padding: 0px!important;
}
}

@media only screen and (max-width: 767px){
.layout-fullwidth .fw-header.container, .layout-fullwidth .fw-header .container {
    padding: 0px!important;
}
}

-Rui

[Nico]

Hi Rui, unfortunately this didn’t help. See screenshot attached (also checked on my samsung phone).

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

can you provide admin credentials to look at the custom css?
If you have any cache plugin, don’t forget to purge the cache.

-Rui

[Nico]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

Thanks. Can you check again, already made some adjustments.

-Rui

[Nico]

I’m afraid it didn’t help. Just to be sure we are talking about the same:

If I click the menu and the close it with the X the header (slider revolution) is moved to the right. Mobile version!

Also, the the logo is still on top and not integrated in the slider, background still dark grey.

[Rui Guerreiro – SUPPORT]

I was thinking you were talking about the logo space.

Regarding the slider it’s working fine on my Android, try in a real device because those emulators can have different results that aren’t real.

https://www.dropbox.com/s/adlxwu8zqww9hxv/Screen%20Capture%20on%202017-03-28%20at%2016-24-30.gif?dl=0

-Rui