- This topic has 13 replies, 2 voices, and was last updated 3 years, 5 months ago by Leo.
-
AuthorPosts
-
October 27, 2020 at 8:05 am #1506535Janne
Hi.
Have updated to the latest version of the theme. In mobile, the left side of the text in the category page is hidden. It has no space between the two blog post per line. See https://joyofmotioncrochet.com/free-crochet-patterns/.Added some css to customize the category page, adding all custom CSS them in the private information. Are some of this css F***ing up my page?
October 27, 2020 at 10:09 am #1506703LeoStaffCustomer SupportHi there,
The issue is likely coming from the CSS you’ve added.
Can you temporarily comment them out or remove them first?
October 27, 2020 at 11:29 am #1506849JanneI know that it is the case. The code have you created, see this support forum thread.
https://generatepress.com/forums/topic/display-2-column-on-mobile-2/October 27, 2020 at 11:35 am #1506858LeoStaffCustomer SupportDid you switch from float to flex? If so that’s the issue.
Try removing this CSS:
.generate-columns-activated .generate-columns-container { margin-left: -40px; }
October 27, 2020 at 11:43 am #1506870JanneIt is now visible, thanks. But the two columns is not centered. Is it possible to do that?
I have not changed from floats to flexbox btw.
October 27, 2020 at 5:39 pm #1507103LeoStaffCustomer SupportHmm that’s strange.
Can you add back the CSS I asked to remove previously then turn off Autopimize and any other caching plugins you are using so I can take a closer look?
Let me know ๐
October 28, 2020 at 4:25 am #1507527JanneHave now added the code and turned off “Optimize CSS Code?” in Autoptimize.
October 28, 2020 at 9:32 am #1508189LeoStaffCustomer SupportSorry the source code is still showing up quite weird on your site.
Can you turn off Autopimize (not just a setting) and any other caching related plugin?
October 28, 2020 at 10:16 am #1508252JanneThere are Autoptimize disabled.
October 28, 2020 at 10:55 am #1508302LeoStaffCustomer SupportThat’s super strange.
When I test using the browser inspector tool and remove this CSS only:
.generate-columns-activated .generate-columns-container { margin-left: -40px; }
It should look like this and not make it off-centered:
https://www.screencast.com/t/CWW3aAhcSkTI couldn’t quite inspect the code last time because of Autopimize though. Can you remove that code again so I can take a closer look?
Sorry for the back and forth. We will get there ๐
October 28, 2020 at 11:35 am #1508353JanneIt’s working now. Don’t know what happened before. Can you help me get some air between the two blog posts as well?
October 28, 2020 at 3:46 pm #1508598LeoStaffCustomer SupportAhh I see what’s going on now.
Add this back again:
.generate-columns-activated .generate-columns-container { margin-left: -40px; }
Then edit this:
.generate-columns-container>* { padding-left: 40px; }
to this:
.generate-columns-container>* { padding-left: 40px !important; }
October 29, 2020 at 4:08 pm #1510289JanneIt is air now, thanks. But the title is not taking the full width as the image. Is that possible?
October 30, 2020 at 9:23 am #1511365LeoStaffCustomer SupportBut the title is not taking the full width as the image. Is that possible?
Isn’t that always the case? I don’t think that changed at all.
-
AuthorPosts
- You must be logged in to reply to this topic.