Navigation
This is archived content. Visit our new forum.
  • Author
    Posts
  • #44628

    Chantal C
    Participant

    Hi support,

    I am using the Integrity stack and my home-page has one-page functionality.

    However, in both the Blog and Portfolio sections on my homepage, I have provided a button linking to the main Blog and Portfolio pages, so that all Blogs / Portfolio items can be be viewed easily on their own pages (too much to include on homepage).

    However, because of the one-page functionality of the home-page, the top nav bar (header) links aren’t operational, so I have a few questions:

    1. Is it possible to replace the nav bar menu and/or header on these two pages with a custom header / nav bar menu (have tried, but no luck)?
    2. Is it possible to remove the top nav bar links and/or header entirely (so I can just use a sidebar)?
    3. Lastly, when I set the sidebar on the Blog page only, the entire top header section is wider than the box containing my blogs when you scroll down – any ideas on why or how to fix this?

    Hope you can help – many thanks!

    Regards,
    Chantal

    #44637

    Chantal C
    Participant

    Sorry – my mistake – I meant I am using Icon! 🙂

    #44898

    Rad
    Moderator

    Hi Chantal,

    Thank you for writing in!

    1. You will need some template editing to add your own custom header, but I can’t help you to fully customize it.
    2. Yes, you could use “Blank – No Container | No header, Footer” template under your page’s Page Attribute section.
    3. Not sure what you meant, could you provide a url address?

    Thank you.

    #45871

    Chantal C
    Participant
    This reply has been marked as private.
    #46036

    Alexander
    Keymaster

    Hi Chantal,

    Due to X’s dynamic nature, we can’t support advanced header modifications. So I can’t provide a template modification for this. However, what you’re looking for could be done with some CSS (Customizer > Custom > CSS)

    .blog .x-navbar-wrap, /* Blog - Entire Header */
    .blog .x-btn-navbar, /* Blog - Navbar Mobile Button */
    .blog .x-nav, /* Blog - Header Menu */
    .blog .x-colophon .x-nav, /* Blog - Footer Menu */
    .page-template-template-layout-portfolio-php .x-navbar-wrap, /* Portfolio - Entire Header */
    .page-template-template-layout-portfolio-php .x-btn-navbar, /* Portfolio - Navbar Mobile Button */
    .page-template-template-layout-portfolio-php .x-nav, /* Portfolio - Header Menu */
    .page-template-template-layout-portfolio-php .x-colophon .x-nav /* Portfolio - Footer Menu */
      { display:none; }

    You can remove the lines notated “Entire Header” if you want to try keeping the navbar with logo, and just hide the links.

    #46205

    Chantal C
    Participant

    That worked perfectly – thanks so much! 🙂

    Regards,
    Chantal

    #46293

    Chantal C
    Participant
    This reply has been marked as private.
    #46553

    Alexander
    Keymaster

    Good to hear that worked for you! Regarding your additional comments, yes this is true. We’re looking into some ways to make I’m afraid this isn’t something we have control over. It’s an issue that’s one page style scrolling navigation work better universally. It’s definitely something we have in mind for future development.

    #46686

    Chantal C
    Participant

    Good to hear, thanks very much. 🙂

    #47011

    Rad
    Moderator

    You’re welcome Chantal!

    #382895

    LizO_SF
    Participant

    I think I’m asking something similar, but I don’t understand the instructions.

    I don’t have my whole site on WordPress – i just wanted to start with hosting the blog on WordPress and add some more dynamic pages over time to be hosted there, too. But my company has a custom site already (not on wordpress)– i just wanted to add a blog to it. So right now, all i want is a single page blog, with the flexibility over time to add more pages.

    How do i hide the “Home” “Blog” “Portfolio” links in the header bar? I’ve tried unpublishing the sample posts under Home and Portfolio, and the sample posts still appear.

    I’m using the Renew stack. My blog is at http://blog.goabra.com/ I’ve searched all the instructions on single page site (which i’m guessing describes what i want at the moment), and still can’t figure it out. I’m not a developer. Thanks.

    #382916

    Christopher
    Moderator

    Hi there,

    You can delete menu items from Appearance -> Menus.

    Thanks.

    #383655

    LizO_SF
    Participant

    oh, that was easy – thanks!

    #383743

    Prasant Rai
    Moderator

    You are most welcome 🙂 .