[ChazzerParticipant]

Hi there, I have a couple of issues that I need addressing.

Firstly I would like to show a navbar similar to the one you have on your http://theme.co/x/ home page. Instead of the bottom of the screen i would like to show it at the top. I would like it to change from grey to white when you scroll down to the homepage content and when a visitor clicks away to the other pages.

Secondly the ‘scroll down’ anchor button is pushed down off the screen when the menu is set to show ‘below masthead. This stops visitors knowing that there is more content if they scroll down.

Any ideas? Apologies if this has been answered elsewhere but I have searched the forum but to no avail.

[ZeshanMember]

Hi Chazzer,

Thanks for writing in!

X homepage was created to showcase the demos as well as a little more information about the theme as is standard practice on ThemeForest when there are multiple demos to show. It was built using the Integrity Stack with the only difference being a slightly different menu that we customized for that page. If you like the look/feel of that particular page, the Integrity 01 Demo is a very close match.

In regards to the below masthead slider, if you want to show the slider and the navbar just like our homepage and to keep ‘scroll down’ arrow visible on screen, simply select Full Screen under Slider Settings and add .x-navbar, #wpadminbar under Offset Containers (see: http://prntscr.com/5x83z4).

As for the navbar changing color on scroll, please review this page: https://theme.co/x/member/forums/topic/navbar-change/?replyto=206233#post-207518

Thanks!

[ChazzerParticipant]

That’s great works like a dream! Fantastic theme and amazing support.

[Paul RModerator]

You’re welcome!

[AmirParticipant]

Hello,

Where is the offset container in the new Revolution Slider 5?

I am looking to have the Navbar menu below the slider, exactly as in the xtheme home page. However, in the new revolution slider 5 I am not able to find the offset containers in order to place “.x-navbar, #wpadminbar” into.

[AmirParticipant]

Also, Could you please advice on how to go ahead and replicate the Navbar menu in the official xtheme Home page: http://theme.co/x/

Thank you

[RupokMember]

Hi @2-excel

Thanks for writing in! You can select the slider on “Above Masthead” to achieve this – http://prntscr.com/99cioq

Our landing page (http://theme.co/x/) was created to showcase the demos as well as a little more information about the theme as is standard practice on ThemeForest when there are multiple demos to show. It was built using the Integrity Stack with the only difference being a slightly different menu that we customized for that page. If you like the look/feel of that particular page, the Integrity 01 Demo is a very close match, and you can watch a tutorial on creating that particular demo here: http://theme.co/x/member/kb/demo-content/

If you require to achieve the exact same look, regretfully that will lead your to the custom development that would be outside the scope of support we can offer.

Regarding the content above the navigation, it is simply the above masthead slider that can be added on any stack by creating a revolution slider and add it under Slider Settings: About Masthead (see: http://prntscr.com/4m2s9g) from your page editor. You can watch our video walkthrough on sliders here: http://theme.co/x/member/kb/sliders/

For the navigation purpose, definitely you can use a different navbar for your landing page as shown in our demo page. It’s what we call “One Page Navigation”, we have a detailed article on how to setup it: http://theme.co/x/member/kb/how-to-setup-one-page-navigation/

Hope this helps.

Thank you.

[AmirParticipant]

Hi. Thank you for your reply.

I was able to achieve a similar look like the xtheme main page, however, could you please advice on:

1. How can I get the border around each link in the Navbar menu
2. Is it possible to adjust the inner margin of the navbar so that it becomes full width of the screen? (Move logo to start further from the left).

Thanks

[ThaiModerator]

Hi Amir,

Would you mind providing us with your website URL so we can take a closer look?

Thanks.

[AmirParticipant]

This reply has been marked as private.

[RupokMember]

Hi there,

Thanks for writing back! It seems your website is under construction. Please take it off or provide us the credentials in private reply so that we can check and assist you on this.

Thanks

[AmirParticipant]

This reply has been marked as private.

[LelyModerator]

Hello Amir,

Thank you for giving us your admin credentials.
1. Please add the following CSS via Appearance > Customize > Custom > CSS:

.x-navbar .x-nav > li > a {
    border-right: 1px solid #171717;
}

2. Please use the following CSS:

.x-navbar-inner > .x-container.max.width {
    width: 100% !important; /*Please adjust this accordingly.*/
    max-width: 100% !important;
}

Hope this helps.

[AmirParticipant]

Thanks a lot!

[Paul RModerator]

You’re welcome!

[Author]

Posts