- This topic has 13 replies, 2 voices, and was last updated 4 months ago by
Leo.
-
AuthorPosts
-
October 27, 2020 at 8:05 am #1506535
Janne
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 #1506703Leo
StaffCustomer SupportHi there,
The issue is likely coming from the CSS you’ve added.
Can you temporarily comment them out or remove them first?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/October 27, 2020 at 11:29 am #1506849Janne
I 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 #1506858Leo
StaffCustomer 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; }
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/October 27, 2020 at 11:43 am #1506870Janne
It 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 #1507103Leo
StaffCustomer 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 π
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/October 28, 2020 at 4:25 am #1507527Janne
Have now added the code and turned off “Optimize CSS Code?” in Autoptimize.
October 28, 2020 at 9:32 am #1508189Leo
StaffCustomer 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?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/October 28, 2020 at 10:16 am #1508252Janne
There are Autoptimize disabled.
October 28, 2020 at 10:55 am #1508302Leo
StaffCustomer 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 π
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/October 28, 2020 at 11:35 am #1508353Janne
It’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 #1508598Leo
StaffCustomer 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; }
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/October 29, 2020 at 4:08 pm #1510289Janne
It 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 #1511365Leo
StaffCustomer 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.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/ -
AuthorPosts
- You must be logged in to reply to this topic.