Hello Guest, if you are reading this it means you have not registered yet. Please take a second, Click here to register, and in a few simple steps you will be able to enjoy all the many features of our fine community.
Note that lewd or meaningless nicknames are prohibited (no numbers or letters at random) and please introduce yourself in the section for you to meet our community.

Announcement

Collapse
No announcement yet.

Whatsapp in the navigation bar

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts
  • Font Size
    #1

    Tips Whatsapp in the navigation bar

    To show WhatsApp on the. navigation bar, add this as a new navigation object by replacing the red marked with your phone number and the blue marked with the text you want to display when the application is opened.

    Upload the image (whatsapp-icon.png) via ftp to the directory of your choice.

    Click image for larger version

Name:	image_440.png
Views:	44
Size:	1.5 KB
ID:	1867

    Add this code through the ADDITIONAL CSS in the styles you want to display.
    Code:
    .navbar_whatsapp:before {
    content:'';
    background: transparent url("(here the path of the image/whatsapp-icon.png") no-repeat;
    width: 24px;
    height: 24px;
    margin-right: 4px; /* margin-left for RTL or margin-{vb:stylevar right} */
    display: inline-block;
    position: relative;
    top: 3px;
    }
    Code:
    https://api.whatsapp.com/send?phone=here your phone number&text=here the text to display when the app opens
    Attached Files
    Bosss likes this.
    Similar Threads
X

Thread Information

Collapse

Users Browsing this Thread

There are currently 2 users browsing this thread. (0 members and 2 guests)

    Those who read this thread

    Collapse

    Members who have read this thread: 1

    Working...
    X
    0x0

    AdBlock Detected

    Please Disable Adblock

    Please consider supporting us by disabling the ad blocker.

    I've Disabled AdBlock