Home › Forums › WoodMart support forum › Header expand
Header expand
- This topic has 13 replies, 2 voices, and was last updated 6 years, 1 month ago by
Elise Noromit.
-
AuthorPosts
-
January 23, 2019 at 1:45 pm #103638
Stanley BlackParticipantHello,
Is it possible to expand header for 300px more that is width of main page wrapper.
Screenshot better describes my question 🙂
Kind regards
Attachments:
You must be logged in to view attached files.January 23, 2019 at 3:56 pm #103668
Elise NoromitMemberHello,
I am a little bit confused with your screen you say about the header but the header is full-width and the screen shows that you want to stretch the content.
Please navigate to the Theme settings > General layout and see what site widths are available.
Alternatively, you can set the rows of your content “Stretch row with/without paddings”
Best Regards
January 23, 2019 at 4:47 pm #103683
Stanley BlackParticipantHello,
Header is not full width. General layout is boxed.
Site width is 1000px but I want to header be 300px wider.
Kind regards
January 23, 2019 at 8:38 pm #103725
Elise NoromitMemberHello,
Set any width kind shown on the screenshot http://prntscr.com/mb8sak excepting “boxed” and full-width header would work. There is no option just to increase the header for 300 px.
Best Regards
January 24, 2019 at 11:01 am #103835
Stanley BlackParticipantHello,
Thanks for your response!
I dont have Custom option in site width section.
Kind regards
Attachments:
You must be logged in to view attached files.January 24, 2019 at 12:54 pm #103874
Elise NoromitMemberHello,
Please update your site. Make the full backup of the site and update https://xtemos.com/docs/woodmart/update-theme-2/
You need to make your header in the Header builder if you have not done that.
Best Regards
January 31, 2019 at 9:53 am #105101
Stanley BlackParticipantHello,
Because is no option to increase the header for xy px, is it possible to decrease page content without header globally?
I know that I can decrease page content from page builder(just put left and right margin).
But I have too many pages.
How to decrease page content for every page?Header width will be site width – 1200px and every element below header will have 1000px width.
Kind regards
January 31, 2019 at 10:23 am #105110
Elise NoromitMemberHello,
Now your content width is 1050px http://prntscr.com/meo5yo
Here is the code:
@media (min-width: 1200px){ body .website-wrapper { max-width: 1000px!important; } }
Add it to the Theme Settings > Custom CSS > Global
January 31, 2019 at 11:55 am #105130
Stanley BlackParticipantHello,
Thanks for your response!
Website wrapper is now decreased and header have site width but there is another problem now.
Header is not centred(screenshot).
I want to achive like in screenshot2.Kind regards
Attachments:
You must be logged in to view attached files.January 31, 2019 at 12:49 pm #105150
Elise NoromitMemberHello,
I do not understand what you mean https://gyazo.com/bc1d21e44abb23fbd9bd4335b77a7348
Please explain.
Best Regards
January 31, 2019 at 1:10 pm #105156
Stanley BlackParticipantSorry, i was working local.
You can see now, code is added on online site.Problem is when yours css code was added to custom css header is not centerd.(screenshot1)
I want to achive screenshot2.
kind regards
January 31, 2019 at 3:28 pm #105177
Elise NoromitMemberHello,
Replace the code with this one:
body .main-page-wrapper { max-width: 1000px; margin: 0 auto; }
Best Regards
January 31, 2019 at 6:01 pm #105215
Stanley BlackParticipantHello,
It works!
How to achive the same with footer?
I want to footer have same size as main-page-wrapper.
Kind regards
January 31, 2019 at 8:13 pm #105230
Elise NoromitMemberHello,
Add this code to the Theme Settings > Custom CSS:
body .footer-container { max-width: 1000px; margin: 0 auto; }
Best Regards
-
AuthorPosts
- You must be logged in to create new topics. Login / Register