Index.html - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Index.html

D

Dominik

Template 3 years ago

Hi there

I have a page which should appear before the home page. In the background a video, the logo in the foreground and the language selection. I created the page in SP Page Builder (http://hailtec.ch/de/component/sppagebuilder/?view=page&id=25&Itemid=0) and copied the code out into "Notepad++". I created an index.html there and uploaded it. Now each file (video, logo and flags) appears but unfortunately one below the other (www.hailtec.ch). What am I doing wrong? I would like to have it as I created it in SP Page Builder.

Thank you Domi

0
6 Answers
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #56119

Thx, indeed your CSS code looks OK.

I don't understand that "sticky-header-placeholder" ???

Placeholder are used only in input and textarea field. So I guess, you talk about class name.

#sp-header.header-sticky {display: none !important; position: relative;}

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #55570

Hi Dominik, This is General Joomla question, not related to our products.

Probably You have add extra rule inside .htaccess file to change order. Ask on forum.joomla.org

BTW

In my opinion using index.html doesn't make sense, it's much better to use that SPPB page as default, but hide item in main menu.

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #55573

Now Page id 25 is default (index-start page) but hidden in De menu.

Check how I set you inside DE menu, and do this same for all MENU (En/ES/It)

0
D
Dominik
Accepted Answer
3 years ago #56078

Thank you Paul

Now I have a problem with the div class "sticky-header-placeholder". How can I remove it?

That's what I made in custom css of the page:

sp-top-bar {display: none !important; opacity: 0; visibility: hidden;}

sp-bottom {display: none !important; opacity: 0; visibility: hidden;}

sp-header {display: none !important; opacity: 0; visibility: hidden;}

sp-footer {display: none !important; opacity: 0; visibility: hidden;}

Thank you Domi

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #56087

Before row ID name must be always # for example

#sp-header {display: none !important; opacity: 0; visibility: hidden;}

0
D
Dominik
Accepted Answer
3 years ago #56093
0