Jump to content

Welcome to Geeks to Go - Register now for FREE

Need help with your computer or device? Want to learn new tech skills? You're in the right place!
Geeks to Go is a friendly community of tech experts who can solve any problem you have. Just create a free account and post your question. Our volunteers will reply quickly and guide you through the steps. Don't let tech troubles stop you. Join Geeks to Go now and get the support you need!

How it Works Create Account
Photo

Can anybody help me please?

Started by Rnger , Aug 09 2018 03:58 AM
Wordpress animation

  • Please log in to reply

#1
Rnger
Posted 09 August 2018 - 03:58 AM

Rnger

    New Member

  • Member
  • Pip
  • 3 posts

I have tried my best to find some info about this on the Internet, but wasn't successful, unfortunately. So I would ask here:
Please take a look on the header on this website: https://www.softvelo...re-development/
The site is built on WordPress I think. Can anybody tell me, please, how to make the same header on my website? I mean the one which will follow the user while scrolling.


  • 0

Advertisements

#2
SpywareDr
Posted 09 August 2018 - 01:52 PM

SpywareDr

    Member 3k

  • Member
  • PipPipPipPipPipPip
  • 3,996 posts

w3schools.com > How to Create a Fixed Header on Scroll


  • 0

#3
RKinner
Posted 09 August 2018 - 02:29 PM

RKinner

    Malware Expert

  • Expert
  • 24,731 posts
  • MVP

If you right click on the page and View page Source you can see what they are doing:
 

 

<meta name="generator" content="Powered by Visual Composer - drag and drop page builder for WordPress."/>
<!--[if lte IE 9]><link rel="stylesheet" type="text/css" href="https://www.softvelo...te_ie9.min.css"media="screen"><![endif]--> <noscript><style type="text/css"> .wpb_animate_when_almost_visible { opacity: 1; }</style></noscript></head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googleta...id=GTM-TWKFT4K"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

<header class="default-header">
<div class="menu">
<a href="https://www.softvelopers.com" class="menu--logo"><img src="https://www.softvelopers.com/wp-content/themes/softvelopers/img/logo.png" alt="Softvelopers"/></a>
<nav class="menu--nav">
<ul class="menu--nav-list">

<li class="menu--nav-item">
<a href="https://www.softvelopers.com/services/" class="menu--nav-link " >
Services </a>

...



https://codex.wordpr...signing_Headers

 

You might be interested in the Visual Composer software they talk about.  It's been renamed:

 

https://wpbakery.com/


  • 0

#4
Rnger
Posted 13 August 2018 - 02:28 AM

Rnger

    New Member

  • Topic Starter
  • Member
  • Pip
  • 3 posts

Thank you very much for all the answers!


  • 0

#5
SpywareDr
Posted 13 August 2018 - 05:58 AM

SpywareDr

    Member 3k

  • Member
  • PipPipPipPipPipPip
  • 3,996 posts

:thumbsup:


  • 0

#6
EdwardRees
Posted 05 September 2018 - 07:53 AM

EdwardRees

    Member

  • Member
  • PipPip
  • 76 posts

click F12 and you'll get all the answers, bro.


  • 0

#7
SpywareDr
Posted 09 September 2018 - 10:21 AM

SpywareDr

    Member 3k

  • Member
  • PipPipPipPipPipPip
  • 3,996 posts

:confused: You mean "Press F12"? "Click" usually refers to a mouse button.


  • 0
Back to Web Development · Next Unread Topic →




Similar Topics


Also tagged with one or more of these keywords: Wordpress, animation

1 user(s) are reading this topic

0 members, 1 guests, 0 anonymous users

  1. Geeks to Go Community
  2. → Development
  3. → Web Development

As Featured On:

Microsoft Yahoo BBC MSN PC Magazine Washington Post HP