Home User profile
tagDiv Member
This user did not write anything. So we are just showing here some random text to make the profile page look nice :)
rifqiazizi
tagDiv Member

thanks for the help, i found what plugin i needed

rifqiazizi
tagDiv Member

there is a solution I want to add 3 floating buttons at the bottom?

rifqiazizi
tagDiv Member

still the same, only can work on the main page.

my code css

<style>
/* Place the navbar at the bottom of the page, and make it stick */
@media (max-width: 991px) {
.navbar {
display:none;
}
}

@media (max-width: 991px) {
.navbar {
background-color: #333;
overflow: hidden;
position: fixed;
bottom: 0;
width: 100%;
z-index: 9999;
left: 0;
margin: 0;
}

/* Style the links inside the navigation bar */
.navbar a {
float: left;
display: block;
color: #f2f2f2;
text-align: center;
padding: 14px 16px;
text-decoration: none;
font-size: 17px;
width: 33.33333%;
}

/* Change the color of links on hover */
.navbar a:hover {
background-color: #ddd;
color: black;
}

/* Add a color to the active/current link */
.navbar a.active {
background-color: #4CAF50;
color: white;
}
}
</style>

my code html

<div class="navbar">
<i class="tds-icon td-icon-whatsapp"></i><br>WA
<i class="tds-icon tdc-font-tdmp tdc-font-tdmp-old-phone"></i><br>TELP
<i class="tds-icon td-icon-whatsapp"></i><br>WA
</div>

rifqiazizi
tagDiv Member

this method works, but when accessing a real mobile device html code only appears on the main page (example.com)

when I access using real device android or iphone on the article page it doesn’t appear. (example.com/article-hello-world)

so the code only works on the main page (example.com) does not work on the article page (example.com/article-hello-world)

Viewing 5 posts - 1 through 5 (of 5 total)