Restore an header to the smartphone viewpoint 
Autor: Peter P.
Visitado 1180,
Seguidores 1,
Compartilhado 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>
Publicado em
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.
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.
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.
Autor
www.sidmouthdentalpractice.co.uk
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.