Tagged: Header Design
December 10, 2021 at 7:54 am #45935DonaldGuest
The header and footer sections are currently full width. How do I make them the same width as the content body?
DonaldDecember 10, 2021 at 7:59 am #45952Brandon CKeymaster
Thanks for reaching out. Can you link your website URL in the thread so that we can inspect the site and let you know what needs to be done. Also, are you using Crio Pro WordPress theme, or are you using a different BoldGrid theme?
We look forward to hearing from you!December 13, 2021 at 2:23 pm #45963Donald GerardGuest
Thanks for responding. The website is https://re-presentmedia.org/. We’re using the Callaway theme from BoldGrid.December 13, 2021 at 2:38 pm #46039
The following JS snippet changes the elements responsible for controlling the width of the header and footer to use a fixed width, like your page content, instead of the full width design.
jQuery('.site-header .bgtfw, .site-footer .bgtfw').removeClass('container-fluid').addClass('container');
Enter that code into the Custom JS area located under the Advanced section of the Customizer to apply the fix to your website.
Please let us know if you have any other questions for us Donald, we are always happy to help!December 13, 2021 at 3:54 pm #46047Donald GerardGuest
Hi Joseph W,
Thanks for the response. I added the JS snippet but the site did not change (the header is still full width). Is there something else I need to do?
Thanks in advance,
DonaldDecember 13, 2021 at 4:07 pm #46052
Are there any special characters preceding the custom JS code that you added in that area, specifically two slashes ( // )? If so then removing those characters should allow the code to start working as expected since the double slashes tell WordPress to skip the code instead of executing it.
Could you send us the entire contents of the Custom JS area if the double slashes are not the problem? There could be something else responsible I would like to see if there is anything else in there that might help me figure out the issue with running the code correctly.
Hopefully that fixes the problem and gets your Header displaying at the proper width.December 13, 2021 at 4:58 pm #46060Donald GerardGuest
Just had to remove the slashes. Duh. Thanks!December 13, 2021 at 4:59 pm #46064
You’re welcome Donald, I’m happy to hear that the problem was just those pesky slashes! Please let us know if you ever have any other questions for us!
- The topic ‘How do I change the width of the header section in my WordPress theme?’ is closed to new replies.