- This topic has 5 replies, 2 voices, and was last updated 6 months, 1 week ago by Leo.
July 12, 2020 at 1:18 am #1360642David
I have a test page https://darkstories.com.au/headline-of-the-day/ which renders nicely on all devices.
I have copied the code to the homepage https://darkstories.com.au/ but getting some rendering issues.
When viewing on a desktop, the top row image(and associated bottom-border) are not adhering to the content-width settings. Also a similar problem at the footer.
Can you recommend any options- I appreciate the homepage has additional complications to deal with when compared to other pages in the structure.
DavidJuly 12, 2020 at 9:59 am #1361095LeoStaffCustomer Support
In this page: https://darkstories.com.au/headline-of-the-day/
Looks like there is a layout element added to set the container width at 1200px:
I don’t see that here:
In general, if you are using a page builder, then you should be using the page builder container option:
Then you wouldn’t have to set the global container width in the customizer at
Let me know if this helps 🙂July 13, 2020 at 2:03 am #1361626David
Hi Leo, thanks for your help- that really gave me the missing ingredient to work with; and that is working much better now.
The page builder itself doesn’t have a content width setting in pixels; hence the reason for setting an layout element for 1200px. I changed the global container width from 2000px to 1200px and moved some css elements around and that resolved the alignment & sizing issues at the top of the page – thank you, I would not likely have looked at the global setting anytime soon. It also meant I could remove the layout element setting.
However, could I trouble you one more time to take a look at the bottom two rows at https://darkstories.com.au/ please? I have tried numerous variations, but this particular row insists on breaking outside of the content-width setting no matter the various options I try.
I’m no expert- there are weekend golfers…and I am a weekend web builder, so forgive my ignorance if the answer is obvious. This issue is the very last one remaining to complete this round of website design changes/improvements.
ps- as an aside, this forum has been a superb resource for resolving design issues- I could’ve raised 10-20 tickets, but was able to solve all problems prior to this one, without needing to raise a new topic.July 13, 2020 at 8:58 am #1362179LeoStaffCustomer Support
The last row is actually right within the site container width and it’s the content above that’s narrower than the site container width:
I would recommend checking with the page builder’s support if you are unable to figure out how to make them the same width.July 13, 2020 at 3:13 pm #1362502David
Thanks Leo, appreciate the assistance. Have a great day.
DavidJuly 13, 2020 at 8:42 pm #1362626
- You must be logged in to reply to this topic.