Navigation
Archive / Header tag on top of 2nd Section
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • February 27, 2017 at 4:00 am #1387006
    alriteam
    Participant

    Hello,

    I need your help to achieve the <header></header> functionality on top of the 2nd Section (x-section-2), and on scroll it should get fixed on top.

    In Chrome Inspect Element, I tried to move the <header></header> code right below 1st Section (x-section-1) and it worked well the way I expected. But I could not achieve in making a new template.

    Thanks in advance.

    February 27, 2017 at 4:09 am #1387016
    Lely
    Moderator

    Hi There,

    By default, on HTML, header is above the body tag. Main html structure is like this:

    <!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title of the document</title>
</head>

<body>
Content of the document......
</body>

</html>

    See this:https://www.w3schools.com/html/html5_intro.asp
    Can you clarify why you want it to move inside section? It is not recommended.

    February 27, 2017 at 4:19 am #1387026
    alriteam
    Participant

    Thanks for your quick response.

    Here I am talking about <header></header> tag and not the <head></head>, which is inside <body> tag and right above <div class=”x-main full” role=”main”>.

    The purpose is to have Hero / Home section without any Navigation while landing on the page. And on the scroll it is visible on top of the 2nd Section.

    Hope you got my point.

    February 27, 2017 at 4:21 am #1387027
    alriteam
    Participant
    This reply has been marked as private.
    February 27, 2017 at 4:34 am #1387036
    Christopher
    Moderator

    Hi there,

    Please set slider above masthead and use one of No Headers page’s template.

    Hope it helps.

    February 27, 2017 at 4:57 am #1387052
    alriteam
    Participant

    Hello,

    Sorry, I could not get that.

    Which slider you are talking about? If I change No Header template then what about the Menu that I will have in future.

    February 27, 2017 at 5:09 am #1387066
    alriteam
    Participant

    Please look at the screen shot I attached below. I have also highlighted that (in Inspect Element) I moved the <header> tag below x-section-1 and it is working.

    February 27, 2017 at 5:13 am #1387073
    Christopher
    Moderator

    Hey there,

    Are you looking for layout like this demo.theme.co/integrity-1/? but you want single image instead of video, right?
    Please follow this link https://community.theme.co/kb/sliders and setup a slider above masthead.

    Hope it helps.

    February 27, 2017 at 5:29 am #1387092
    alriteam
    Participant

    Hello,

    Yes, demo.theme.co/integrity-1 this is exactly I am looking for.

    But I want to place my custom parallax code, instead Slider.

    February 27, 2017 at 5:39 am #1387107
    Christopher
    Moderator

    Hi there,

    This option is only available for sliders. You can set a slider and enable parallax option but note that parallax in rev slider is not the same as cornerstone.

    Hope it helps.

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1387006 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>