Jump to content
Sign in to follow this  
chebaro

Full width featured & nav area

Recommended Posts

chebaro

Anyone who knows how to adjust the width on featured and nav section? Check print: print-3.jpg Thanks friends!

Share this post


Link to post
Share on other sites
kastelic

So you are wanting it to extend to the edges? How much wider do you want to make it? It will take some custom CSS.

Share this post


Link to post
Share on other sites
chebaro

I want it full width. Is it possible to write in % so it will adjust after visitors screen settings? Thanks Kastelic!

Share this post


Link to post
Share on other sites
makeylon

Do you want the entire site as full width? Even the content below? If so, then change your site to a full width format, then you should be able to change the feature to full width by % using some custom css, such as: #feature-footer {width: 100%;} #feature_slider{width:100%;} #feature-area, .feature-wrap {width: 100%;} #feature-footer {width: 100%;}

Share this post


Link to post
Share on other sites
chebaro

Thanks for trying Makeylon, but it didnt work mate! And also, I only want featured slider and nav background to be full width as picture: print-3.jpg Take care! /CHebaro

Share this post


Link to post
Share on other sites
catrina

What is your current layout mode? I don't think the feature slider can extend beyond the main content area's edges if the layout isn't in full-width mode.


Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
chebaro

Hi! I dont know if i understand what you mean by full-width mode. Do i change it on "layout editor"? Or in "Design control"/Site Design Mode? If you mean layout editor, im just able to make whole site 1212 px wide. Looking forward for your replys Thanks!

Share this post


Link to post
Share on other sites
Kate

You can find the option under Settings->Design Control->Site Design Mode. There's a dropdown there...

Share this post


Link to post
Share on other sites
chebaro

Hi Kate, Thank you for reply! So according to what i want to do, what shuld i select in the dropdown? Thanks again!

Share this post


Link to post
Share on other sites
kastelic

Hmm, this sounds trickier than I first understood it. Catrina's right that the feature slider wont extend beyond the edges of the page. Even with the full-width mode, the page-canvas has a set width. So you would have to set the feature slider to position:absolute and width:100%.

Share this post


Link to post
Share on other sites
chebaro

Hi Kastelic, How do I do that? And how do i make navigation like this to? Thanks, Take care

Share this post


Link to post
Share on other sites
kastelic

In Custom Code -> Custom CSS you can put custom CSS for your site.

Share this post


Link to post
Share on other sites
chebaro

Yes, that i know. What i mean is, What css code should i use? Im not good at css. Thanks mate!

Share this post


Link to post
Share on other sites
catrina

The CSS should look something like this:

#feature-area, #feature-footer {position: absolute; width:100%;}


Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×