- This topic has 19 replies, 3 voices, and was last updated 4 years, 11 months ago by Tom.
-
AuthorPosts
-
April 11, 2019 at 5:27 am #865981Jamal
Hi
Im trying to set 1000px wide layout for site container and 800px for all pages except front page and i have encountered some issues when using sections. The content is floated left and doesn’t respect container padding.
Seems like
.sections-no-sidebars.generate-sections-enabled .container.grid-container
with 100% max width
is overridingbody .grid-container
width.Adding
body .grid-container { max-width: 1000px !important; }
to child theme fixes above issue.The /about page is with sections while the /events page is without sections and behaves as expected.
April 11, 2019 at 8:37 am #866315TomLead DeveloperLead DeveloperAre you using the content width option in the Layout Element?
It looks like this CSS is causing the issue:
.generate-sections-enabled.one-container .site-main { margin: 0 !important; }
Trying to remember what issue I was solving when I added that CSS – I’ll do some tests.
April 11, 2019 at 9:19 am #866371JamalAre you using the content width option in the Layout Element?
Yes Tom im using that.
Another issue im having is with drop down menu in off canvas panel. When drop down arrow is removed,impossible to use the menu even when navigation drop down set to click menu item. Let me know if its best to open another thread for this. Thanks !
April 11, 2019 at 3:26 pm #866610TomLead DeveloperLead DeveloperI believe I have this fixed in rc.2.
The dropdown arrows are definitely necessary in some cases, but they shouldn’t be if the click type is set to menu item. Same site?
April 12, 2019 at 2:31 am #866884JamalYou are the boss, thanks man.
Regarding the navigation,its the same site. Now i have set drop down to hover and kept the dropdown arrow on mobile but incase if there are some tweaks that can be done here is what happens when i click the custom link to reveal the submenu.
April 12, 2019 at 8:42 am #867284TomLead DeveloperLead DeveloperAnd that happens when the dropdown is set to “Click – Menu Item”, or only hover?
April 12, 2019 at 10:18 am #867349JamalIts the same behavior whether its set to hover, click menu or arrow.
April 12, 2019 at 2:15 pm #867493TomLead DeveloperLead DeveloperWhat if you set the URL to
#
?Also, I have the original issue fixed I believe. Will be releasing rc.2 on Monday, but can send it to you now if you’d like to give it a go? If so just shoot me an email: https://generatepress.com/contact
April 13, 2019 at 8:29 am #868014JamalWhat if you set the URL to #?
Its working alright, thanks and sorry for the false alarm. Just sent you an email for rc.2
April 13, 2019 at 10:12 am #868052LeoStaffCustomer SupportSent ๐
Let us know.
April 13, 2019 at 11:34 am #868071JamalSolved. Thank you all for the all round excellent customer support.
April 13, 2019 at 4:12 pm #868178TomLead DeveloperLead DeveloperAwesome! Thanks for testing ๐
April 14, 2019 at 12:37 am #868345JamalHi again
Just an observation, to keep consistent page layout between pages without and with sections,i had to add 80px to my desired width inorder to compensate for
.generate-sections-inside-container { padding-left: 40px; padding-right: 40px; }
April 14, 2019 at 7:05 am #868606TomLead DeveloperLead DeveloperSections themselves have a left/right padding option. They should inherit your content padding by default – I’ll look into that.
April 14, 2019 at 12:13 pm #868793JamalHopefully i haven’t wasted your time so i will clarify what i mean. I have site container width at 1000px and would like to have some pages at 800px wide. On the pages where i use the sections editor the width becomes 720px because of the sections padding. And i have just realized im not solving anything by trying to compensate for the extra sections padding.
I think currently my only alternative will be to add a class that removes sections padding whenever added unless you can come up with a genius solution. Thanks
-
AuthorPosts
- You must be logged in to reply to this topic.