WebSite X5Help Center

 
Jerald T.
Jerald T.
User

Text in Header and Footer not appearing in Mobile Responsive Design  en

Author: Jerald T.
Visited 2154, Followers 1, Shared 0  

I have Website X5 Evolution 12. I'm using a default template and checked "enable responsive website."

The text and logo in my header, and the text in my footer, is appearing on pc and tablet devices, but disappears on mobile devices.

I would like to know what can I do to get those elements to appear on mobile devices?

Thanks.

Posted on the
3 ANSWERS
Paul M.
Paul M.
Moderator

Hello Jerald Tuck Jr,

You need to create a separate header and footer for the mobile/smartphone viewport in accordance with the instructions in the WebSite X5 help file:

http://help.websitex5.com/en/v12/evo/index.html?responsive_ht.htm

http://help.websitex5.com/en/v12/evo/index.html?responsive_template.htm

You customise the responsive template in Step 1 General Settings > Template Style > Responsive Template Structure  -  select 'Header' and 'Footer' in turn from the 'Page Section' drop-down menu.

If you want some text in the header image for the responsive template then you can use a free image editor such as Paint to create one.

You can also choose to display a company/organisation logo in lieu of the text.  Bear in mind that at mobile resolution the header can become very cramped, so the simpler the better.

Kind regards,

Paul

Read more
Posted on the from Paul M.
Jerald T.
Jerald T.
User
Author

Thank you. That really helped.

Read more
Posted on the from Jerald T.
Jamie B.
Jamie B.
User

Hi

you can also try this code snippet as well

<style>
@media (max-width: 960px) {
div.imTemplateContent {
display: block !important;
}
</style>

Make sure your logo is on the left side of your template, add the code in statistics, Seo & code, before closing the head tag.

regards

jamie

Read more
Posted on the from Jamie B.