Archived topic

Width Problem in Tab vs Desktop

12 replies · Started by Aisha on June 22, 2022

Viewing posts 1–13 of 13

June 22, 2022 at 6:22 am #2261168

I'm using Avery template. How can I revert back to normal settings for the following -

1. Homepage width to the default template.
2. Pages don't have margin. If I use Elements and hooks, it gets cut off in Tab.
3. Posts width is way too much. If I edit in Appearance --Customization --Container. It gets cut off in tab.

I've added Link for reference.

June 22, 2022 at 10:16 am #2261558

Hi there,

Let's solve one question at a time.

1. The original Avery template is using the Full width content container option:
https://docs.generatepress.com/article/content-container/

Looks like you've changed back to default which is causing the issue.

Can you try setting it back to Full width first?

June 23, 2022 at 3:30 am #2262117

This is what I get. Check img for reference. How to set it to full width, thanks.

June 23, 2022 at 4:27 am #2262156

Hi there,

if you edit the page, in the sidebar your should see a Layout Meta box that has the option to set the Content container to full width - see here:

https://docs.generatepress.com/article/content-container/

June 23, 2022 at 5:27 am #2262197

Done

June 23, 2022 at 6:11 am #2262221

Let’s solve one question at a time.

I've set it to Full Width. What to do next, thanks.

There is no margin in Pages and way more margin on both side in Articles.

June 23, 2022 at 7:06 am #2262247

Can you go to Appearance > Elements.
Do you see any Layout Elements ? One for Posts and one for Pages?

June 24, 2022 at 7:54 am #2263396

Yes, For 'Blog Posts Width', it is all set to default, and Content Width is 800 px. For GenerateBlocks Full Page Width, it is set to 'full width (no padding)'.

June 25, 2022 at 9:44 am #2264228

OK, so the Blog Posts Width - you can either:

a. Delete that Layout Element, and then your Single Posts will use the width that is set in the Customizer > Layout > Container

b. Increase or the content width set in the Layout Element.

For the Pages Layout, you can delete this Element, and then your pages will use the Customizer > Layout > Container width.

June 26, 2022 at 10:15 am #2265048

Got you. But my question is what's the default setting of this Avery template? Because when I increase the content width in the layout element, the text/content gets cut off in tab devices. So can you please share the default setting of Customizer > Layout > Container and Layout elements? I like the original template the way it was and want my site to look similar. Thanks

June 26, 2022 at 7:11 pm #2265263

Hi Aisha,

Here’s the settings you’re looking for.

Appearance > Customize > Layout > Container: https://share.getcloudapp.com/rRuOj1Dw

Start building better websites today.