Docs

[jakkris]

Hi Guys,

I am newbie. I want to set up same as “http://theme.co/x/”. How can I set up my website initial same as http://theme.co/x/.

Thanks

[Lely]

Hi There,

Thanks for posting in.
It is always recommended to check our knowledge based first:https://community.theme.co/kb/
The page you were referring is using Integrity Stack: Light version. That is not available by default. You may check Integrity 1 demo content because it’s using the same stack. You may install it via Addons. The top video on top is using a Revolution slider. Please note to install and activate revolution slider plugin before installing the Integrity 1 demo content. We can start from that then edit each content to customize.

Hope this helps.

[jakkris]

This reply has been marked as private.

[Zeshan]

Hi there,

Thanks for writing back!

We’re using a revolution slider in “Above Masthead Slider” to create that part in our homepage. To include it in your website, please watch our video walkthrough on sliders.

Once the slider is created, go to its settings and select “Full-Screen” under “Slider Layout” and add #wpadminbar, .masthead under “Increase/Decrease Fullscreen Height (Optional)” field (see: http://prntscr.com/916643).

Let us know how it goes.

Thank you!

[jakkris]

Hi Zeshan,

The Revolution slider already set up for us. I want to know how do set up menu style. please recommended me again.

Thank you very much for help before.

Thanks.

[Paul R]

Hi,

Please add your menu items under Appearance > Menus

http://screencast.com/t/q3E21F6NNznG

Then we can provide with css code to make it look as you desired.

Thanks

[jakkris]

Hi,

We already add menu with custom link but not same “http://theme.co/x/” with menu width and highlights menu incorrect sample with click second menu but highlights should be in first menu.

Thanks,

[Rue Nel]

Hello There,

To have the same menu width as what we have in Theme.co/x/, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

@media(min-width: 980px){
    .x-navbar .x-container.max.width {
        width: 100%;
        max-width: 100%;
    }

    .x-navbar .desktop .x-nav {
        display: table;
        width: 100%;
    }
    
    .x-navbar .desktop .x-nav>li {
        display: table-cell;
        float: none;
        text-align: center;
    }
}

http://prntscr.com/at684g

Please let us know how it goes.

[Author]

Posts