WebSite X5Help Center

 
Peter P.
Peter P.
User

Restore an header to the smartphone viewpoint  en

Autor: Peter P.
Visited 1179, Followers 1, Udostępniony 0  

Hi

To display an image at the top of each page on my website I have used the code below to remove the header from all viewpoints, does anyone know how I could restore the header to the smartphone viewpoint without upsetting the other viewpoints, I’m sure I found this code in the community help section, I am not a coder so any help would be appreciated  

Thanks, Peter.

<style>

#imContent {

margin-top: -150px !important;

}

#imHeader {

z-index: 3000 !important;

}

</style>

Posted on the
5 ODPOWIEDZI - 2 USEFUL - 1 PRAWIDłOWA ODPOWIEDź
Esahc ..
Esahc ..
Moderator

David, why resort to code in the first place? You do not need it.

In step 2 template content there is no need to add any content to the header for any resolution, but if you add content to the header at a specific resolution, by default that content will be visible at that resolution and below. To that end you need only add content for mobile resolution.

In step 2 template structure you can remove the header (make the height either 1 or zero) for each resolution if you choose.

In step 2 Sticky Bar you can decide if the sticky bar is displayed for each resolution independently as well.

Czytaj więcej
Posted on the from Esahc ..
Peter P.
Peter P.
User
Autor

HI Esahc ..

Thank you for your reply.

The reason for the code is so I can display an image or a content slider at the top of each page and also have an header to display my logo and menu within the image

Without the code the header logo and menu is dislpayed above the image not within it, I have not found any other way of achieving this without the code. 

Regards

Peter.

Czytaj więcej
Posted on the from Peter P.
Esahc ..
Esahc ..
Moderator

Do you have a link to your website so we can see what you have and wish to achieve?

I suspect this could be achieved with a sticky bar.

Czytaj więcej
Posted on the from Esahc ..
Peter P.
Peter P.
User
Autor

www.sidmouthdentalpractice.co.uk

Czytaj więcej
Posted on the from Peter P.
Esahc ..
Esahc ..
Moderator

Peter, you could build this same page display if you added a row of cells on the page above the content to add header/menu and then used the row formats option to have an image list (or even a movie) instead of the slider.

Using this method you would have no header content and no or minimal header height for most resolutions. At mobile or small tablet resolution you could have a header with content and turn off (hide) the top row of cells on the page under responsive settings.

Czytaj więcej
Posted on the from Esahc ..