Is there are template or settings for rev slider just like homepage of theme.co/x

Support
#1

I’ve been fiddling around with the rev slider settings for our homepage but every time the browser resize, the icons which was placed are all over the place. Ultimately, we’d like to use the settings like the start page of the X theme.
Also to have the slider and bottom menu respond like the start page of the X website (www.theme.co/x
http://prntscr.com/h1e2gp

Thank you

#2

Hello There,

The homepage of theme.co/x is custom made sales page. You can assign a slider above your masthead. Please find the slider settings by editing your homepage. You must make sure that the offset container is added in your slider so that both the slider and the menu will display in your homepage. Regarding your icons, I am not sure what does it mean. To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Thank you in advance.

#3

Hi there,
Thank you for the reply.
I’ve figured out the Rev slider issue so that’s not an issue anymore.

What I’d like to fix now is the menu under the slider to resize like the www.theme.co/x
Currently, when I resize my browser window, the “V” logo also moves. I’d like it to stay put as the window resize.
http://prntscr.com/h3ikfb

Here’s my url: http://vortexva.boxxmedia.com/
You’ll notice when you resize the browser, the menu and logo moves as well.

Thank you

#4

Hi There,

Please add the following code to Theme Options CSS and adjust according to your wishes.

.x-container.width {
    width: inherit !important;
    margin-right: 10px;
    margin-left: 10px;
}

Hope it helps!

#5

Yes, the logo works but the menu links are not responding when the browser resize.
And the other pages are all flushed to the left instead of being responsive.
Eg. http://vortexva.boxxmedia.com/instructors
Is there a trick to this?
Thank you so much for your help.

#6

Hi,

Please note that theme.co/x is not considered one of our demos and was built specifically for our business purposes.
Everything was custom coded.

With regards to your menu, you can try this code instead.

.x-brand {
    margin-right: 10px;
    margin-left: 10px;
}

.x-navbar .x-container.max.width {
    max-width: 100%;
    width: 100%;
}

.x-nav-wrap.desktop {
    display: inline-block;
    width: calc(100% - 60px);
}

.x-navbar .desktop .x-nav>li {
    text-align: center;
    width: 11.11%;
    float: left;
}

.masthead-inline .desktop .x-nav {
    width: 100%;
}

Hope that helps

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.