Space below Slider

visiosysteme · November 2018

Hey there,

i got space below a full-screen slider. Could you remove this space? you shouldn't be able to scroll.

http://visiosysteme.de/woodstoig/home-2/

Bryan · November 2018

Hey,

this would be only possible if you would disable the footer completly.

Also the header needs to be either transparent or fixed so it does not take any space.

thanks

visiosysteme · November 2018

and how can i do that?

Bryan · November 2018

You can disable the footer in theme options>footer - the option will be in the style dropdown list.

The header should be set to fixed in theme options>header&subheader>header.

If you still have a little scrolling on your page, try disabling the content padding in theme options>global>advanced

cheers

visiosysteme · November 2018

I know... But i don't want to change my header and deactivate the footer especially on one page.

Is it possible to fix the "split menu header"? because i need the logo in the middle...

And can i disable the footer just on starting page?

Pablo · November 2018

Yes, its possible to disable it only on home-page.

body.page-id-283 #Footer{
		display:none !important;
}

Paste it into Theme Options > Custom cSS & JS > CSS

Thanks

visiosysteme · November 2018

and what is with my other question????? Can i fix the split menu header?

Pablo · November 2018

To create split menu, you have to assign two menus in Appearance > Menus

A Main menu and Secondary menu.

http://prntscr.com/lio76m

Main is at left, secondary at right.

Thanks

visiosysteme · November 2018

i already have a split menu!

You told me above the header should be set to fixed. But if i set to fixed... i don't have a split menu... that's why i ask!!!

Can i fix my actually header?

Pablo · November 2018

You have to decide which header you want to use, the fixed header will be never be split.

If you want to make your page non-scrollable, then you have to

a) Remove that padding from content.

http://prntscr.com/lipxti

I'm not sure where did you insert it, but try to edit main page,

scroll down to page options and turn on the option of "Content | Remove Padding"

http://prntscr.com/liq1c7

Also, check the Custom CSS of yours.

b) Change header style to fixed to make your header overflowing.

I will try to center your logo with CSS.

Thanks

visiosysteme · November 2018

b) would be the best... that's what i need.

Could you try it?

Pablo · November 2018

This code will center your logo on all devices without mobile.

this css was wrong

Paste it to Theme Options > Custom CSS & JS > CSS

Thanks

visiosysteme · November 2018

Thank you! it's great!

But on tablet the header is transparent... how can i solve this problem?

Pablo · November 2018

As I told, it's on all devices without mobile(<767px) because it do not look great on small devices screen.

If you want to test it, just remove the @media tag. (with open and close sign '{' '}')

Thanks

visiosysteme · November 2018

i know that and that's great! i'm satisfied with it!

The problem is the header on tablet size.... It has no background, it is transparent. Why?!?!

Pablo · November 2018

It's because of minimalist header and of this css i've send you.

To center that logo I had to remove the height of header.

There is no other option, unfortunately.

Thanks

visiosysteme · November 2018

i think you don't understand me...

https://screenshots.firefox.com/eAdyhSgjGcR0O6xA/visiosysteme.de here is no background.

https://screenshots.firefox.com/EsAroXV5nZ15QDhL/visiosysteme.de here is a black background.

https://screenshots.firefox.com/ZWs9acHYKgenBAFp/visiosysteme.de on mobile is a black background as well.

why do i have a black background everywhere, except on tablet?

I think it should be possible to have a black background everywhere.

Pablo · November 2018

I updated the code above.

Please remove the old one and paste the new code.

Thanks

visiosysteme · November 2018

Thanks. Could you set the hamburger menu in the middle of the header (vertical)?

https://screenshots.firefox.com/RgnlYwzJVz7PglDH/visiosysteme.de

visiosysteme · November 2018

i think i solved it

Pablo · November 2018

Change the value of 'top' in .responsive-menu-toggle to the lower value.

Cheers

visiosysteme · November 2018

You have the logo centered, but the split menu doesn't work anymore!

especially the logo isn't exactly in the center.

Could you please make that everything works? not only the logo.....

Pablo · November 2018

I do not understand.

Everything works and it's on center.

Please clear your cache.

Also, you didn't provide the link on menu...

http://prntscr.com/lklwkf

You can change it in Appearance > Menus

If you want to change logo position, just change the value of left parameter in .logo tag.

Thanks

visiosysteme · November 2018

nothing works... the links are not align in center and the menu on the right side is missing

i want it like the split menu!

Pablo · November 2018

There is no right side menu because it's a fixed menu, not split.

If you want to use split menu, then you have to remove whole css which is made for menu(all from above) and change the header style in Theme Options > Header & Subheader > Header to 'Split Menu'.

I refreshed the cache like 3-4 times and I can click on menu items, so it's not issued.

Only the link provided there is not correct.

Also, menu items will not be in center, because as I said, header type is 'fixed', so it will be aligning menu items from left to right (or right to left)

Thanks

visiosysteme · November 2018

i have no problem with the links!!!!! did you read what i write?

you made the fixed header and the centered logo. That's all fine!!!!

But if i center the logo, it should be clear to everyone, the menu should be left and right of the logo. Not only left! That looks like s...

Is there any Possibility? CSS?

Pablo · November 2018

'nothing works...' - it could everything is not working, including links, layout etc..

But sorry for misunderstanding.

It's not possible to customize the 'fixed' header to the 'split' header with CSS.

So, please:

Remove whole CSS of menu and change the header style to 'Split Menu'

Theme Options > Header & Subheader > Header

http://prntscr.com/lkqjay

Thanks

visiosysteme · November 2018

okay thank you... now i'm using the Split menu semitransparent. i want to try it with a transparent header and at sticky header with background.

Sticky header is working. But the transparent header isn't displayed... what's the problem?

Pablo · November 2018

Please apply this CSS

#Header_wrapper .header_placeholder{
	height:100px !important;
}

It could be issue of some plugin because header starts with height:0

Thanks

visiosysteme · November 2018

http://visiosysteme.de/woodstoig/

could we hide the arrow under the link in normal menu? in sticky header it is okay!

and the mobile and tablet header isn't displayed.

Pablo · November 2018

It's already hidden.

I do not see it right now.

Cheers

Space below Slider

Comments