Docs

[krissy28]

hi! may i know how i can occupy the whole front page like the one you see in

http://preview.themeforest.net/item/x-the-theme/full_screen_preview/5871901?_ga=1.31528893.2095882862.1472178494

the mountain banner occupies full width of the page
the menu bar is extended throughout the page
also, what if i want to put two buttons to the right login and sign-up?
ill send screenshot in next message

thank you!

[krissy28]

This reply has been marked as private.

[krissy28]

and then in https://philcrowd.com/what-is-philcrowd how do i make the top image to occupy full-width?

[krissy28]

This reply has been marked as private.

[Paul R]

Hi,

1. To occupy full width, you need to select a no container template under page attributes.

http://screencast.com/t/YS00AAsRf0

2. You can use revslider plugin to add a fullwidth image.

https://community.theme.co/kb/sliders/

3. Add this in custom > Edit Global CSS to make menu bar float on top

.home .masthead {
   position:absolute;
   width:100%;
   top:0;
}

Hope that helps.

[krissy28]

okay thanks

how about to add

there are two buttons login and sign-up at the upper right

like two boxes
not part of the menu

[Paul R]

Please add those in your menu, we can then provide you with some css code to float to the right.

Thanks

[krissy28]

hi! thanks for the help

ive tried the change now in the site
but noticed that when i float the menu on top, the background is still white and it’s not offsetting the background

may i know how it can offset the background such that it doesnt look like the menu is on a white background?

also ive added already SIGN-UP and LOGIN/LOGOUT button
however i hope these two buttons can be floating to the right

pls assist thanks!

[krissy28]

is’t also possible that the SIGN-UP button will be switched to your account name once you login?

[krissy28]

here also i noticed:

Home

there is a line ETHOS below the button (how do i write this)
and the menu bar is below it

[krissy28]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thanks for the updates! Do you want something like this?
http://prntscr.com/cg9fvo

if that is the case, then please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.ubermenu-item.ubermenu-item-10286,
.ubermenu-item.login-logout-link {
    float: right !important;
}

Is’t also possible that the SIGN-UP button will be switched to your account name once you login?
It could be possible with custom development, but this would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities.

To copy Ethos 3, you can create your own slider assign it to the slider settings: above masthead. This will display on top of your navbar. You also have an option to display the button. To know more about this settings, please check out our knowledge base: https://community.theme.co/kb/sliders/, https://community.theme.co/forums/topic/header-over-video/#post-612599

And lastly, to make sure that your image will be fullwidth just like this (http://prntscr.com/cg9i6v), please edit your page in Cornerstone and in the row settings of your section 1, you need to disable the column container. The column container is what limits the fullwidth of the row.

Hope this helps.

[Author]

Posts