WebSite X5Help Center

 
Armin H.
Armin H.
User

Footer in responsive mode  en

Author: Armin H.
Visited 2274, Followers 2, Shared 0  

I am a beginner and I just created my first website (still under construction) http://armin.heinlein.us and use the footer area to trigger some actions like going to the contact page, going to my LinkedIn page and download a resume.

In the responsive page that footer is not displayed and I think I understand why. However, what can I do to give the same options in responsive mode?

I though of adding a text object and add these actions buttons there but then they are also displayed in regular page display but then I have them twice. Is there a way to create an object but not display it for regular display and only in responsive mode? I know I could just not create these buttons in the footer area and just create objects and display them like that but I thought it would be great just to create objects for smaller displays.  

Posted on the
3 ANSWERS - 1 USEFUL
Paul M.
Paul M.
Moderator

Hello Armin,

Ordinary text hyperlinks can be added to the footer in the Responsive Template Structure (Step 1 General Settings > Template Style).  Such links will appear only in the responsive viewports, and not in the desktop view.  For example:

<a href="http://armin.heinlein.us/contact-me.html">Contact me</a>

<a href="mailto:***?Subject=Info Request" target="_top">Email</a>

<a href="https://www.linkedin.com/in/arminheinlein">LinkedIn</a>

<a href="http://armin.heinlein.us/files/Armin-Heinlein-Resume.pdf">Download resume</a>

Does that help any?

Kind regards,

Paul

Read more
Posted on the from Paul M.
Armin H.
Armin H.
User
Author

Hi Paul,

Awesome!!! This helped a lot!!! Thank you very much!!!

Armin

Read more
Posted on the from Armin H.
Paul M.
Paul M.
Moderator

That's great Armin, you're welcome.

Note that you will have to replace these characters (***) with your actual email address in the email link.  The forum software has obscured the email address for privacy reasons, and I see that you've pasted the link verbatim as displayed in my post above.

Best wishes...

Read more
Posted on the from Paul M.