Blog Header And Footer Stretch To Browser Window - Question | JoomShaper

Blog Header And Footer Stretch To Browser Window

GW

Graham Wilkins

General 3 years ago

Page settings for the Winble template contrain the contents of pages within the brower window with a nice padding/margin. But, the default settings for blog pages stretch the header and footer fields to the edge of the browser windows with no padding or margin. How can I fix this, the blog apears similar to all other pages?

0
9 Answers
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 3 years ago #3600

Thanks for the access. I have added a new portion of code at the same place. Please review and adjust values of padding if necessary.

Best Regards

1
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 3 years ago #2451

Hi there!

Would you please give me your site URL here?

Are you talking about the article details page?

Best Regards

0
GW
Graham Wilkins
Accepted Answer
3 years ago #2461

Please review the hidden content

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 3 years ago #2673

Hi there!

Your issue is solved now, please check and let me know.

Best Regards

0
GW
Graham Wilkins
Accepted Answer
3 years ago #2681

Thank you your efforts, I'm very happy there is a solution to this, however the changes you have kindly made to the padding/margin do not look the same as the main template pages.

Is this something I can do, its the second time this issue has arrisen?

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 3 years ago #2690

Hi,

I have put some code into your custom CSS. Please play with the indicated two values to get your desired look!

https://prnt.sc/x5l2ns

Note: Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

https://prnt.sc/pu705g

https://prnt.sc/pu70zn

Best Regards

0
GW
Graham Wilkins
Accepted Answer
3 years ago #2915

Hi, thanks for this assistance I appreciate this.

I noticed that this CSS change does not change the layout on an ipad. My guess is that it won't on a mobile either. How can I change this, please?

Graham

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 3 years ago #3593

Hi there!

Sorry for the unwanted delay!

I have tried but couldn't login to your site today. However, you need just a media query to get it for the smaller screen...

Best Regards

0
GW
Graham Wilkins
Accepted Answer
3 years ago #3594

Sorry my apologies try username and password: Guest

0