WebSite X5Help Center

 
Rohit H.
Rohit H.
User

Buttons view issue  en

Author: Rohit H.
Visited 1681, Followers 1, Shared 0  

I tried to implement a button style which gets displayed on left side of my web site, on all pages.

it is working perfectly fine if i run the code in a test html file.

However, as soon as i implement the same in my website it displays nothing at all.

What could be the problem.

Help out

here is the code

<!DOCTYPE html><html><head><meta name="viewport" content="width=device-width, initial-scale=1"><style> #mySidenav a {position: absolute;left: -70px;transition: 0.3s;padding: 15px;width: 100px; text-decoration: none;font-size: 14px;font-weight: bold;color: white;border-radius: 0 5px 5px 0;} #mySidenav a:hover {left: 0;} #WhatsApp {top: 100px;background-color: green;} #contact {top: 185px;background-color: #555} #email {bottom: 185px;background-color: blue;} #about {bottom: 100px;background-color: blue;} </style></head><body><div id="mySidenav"><a href="https://wa.me/9155555555555" id="WhatsApp">Msg-Us <img src="whatsApp.png" alt="whatsApp" width="42" height="42" align="right"></a><a href="tel:+91555555555" id="contact" target="_blank">Call Us <img src="phone.png" alt="callUs" width="42" height="42" align="right"></a><a href="mailto:***" id="email">Email Us <img src="email.png" alt="callUs" width="42" height="42" align="right"></a><a href="#" id="about">About <img src="aboutus.png" alt="callUs" width="42" height="42" align="right"></a></div></body></html>

Regards

Posted on the
2 ANSWERS - 1 USEFUL
John S.
John S.
User

Hello Rohit

See this example here : http://eksempelsite.dk/information-buttons.html

You have the code shown - ready to copy and paste.

When you want the button on all pages, you put the code in the 1 settings / Statistic SEO and code - expert ( before closing the head tag )

You can see an example here : http://calendarforum.dk/

In the last example the code is put in the SEO, and therefore the calendar can be seen on all pages.

Using this method makes it possible to put an object outside the page-area and also to make it sticky.

Last example  is an iframe that is put in a div.

Read more
Posted on the from John S.
Rohit H.
Rohit H.
User
Author

thanks a ton.

it is now showing the buttons which i wanted on all my pages

Regards

Rohit

Read more
Posted on the from Rohit H.