Supreme Theme Widgets Not Fitting in Content Area
This topic contains 15 replies, has 4 voices, and was last updated by Paolo 6 years ago.
We have moved to a support ticketing system and our forums are now closed.
Open Support Ticket-
AuthorPosts
-
April 21, 2018 at 1:04 pm #427487
I didn’t notice this until today. So, I am not sure if this is something new or not. Esp. since you guys have been helping me troubleshoot some things with this site.
See attached images. The widgets are not full width within the content area. See how “Food and Drink” are 5 column but the 5th one is dropping down into a second row which it is not suppose to do. Other column settings are not spreading across the content area properly as well.
I noticed this first on the location page. It’s also doing it on the homepage. I use Beaver Builder on the homepage but not the location page of course. So, I don’t think it has anything to do with Beaver Builder.
The first image is of the homepage showing how the 5 column is not correctly placed inside the content area.
The second image is of the location page showing how a 2 column widget is not displaying correctly, knocking the second listing into a second row.
April 21, 2018 at 1:04 pm #427490This reply has been marked as private.April 21, 2018 at 2:31 pm #427494Hi Jeff,
Thanks for your post. I’ve just inspected your Website and it looks like you are using the beaver builder to display the widgets on the homepage. Does it happen without the beaver builder plugin? In the meantime, you can use the custom CSS code below to fix it.
.sd .geodir_category_list_view li.gridview_onefifth { width: calc(19% - 12px)!important; }
Thanks!
April 21, 2018 at 4:42 pm #427503Thanks Kor!
Like I was saying, it does it on the location page as well where BB doesn’t work. Are you suggesting I disable BB? I’m not using BB on the location page and it has the same issue.
Your CSS fixed the homepage, at least for 5 coloumn. The location page still has the issue with 2 column layout and 4 column at least, so I’m assuming all column options… Can you make this CSS work for the location page?
I haven’t tried the lists page yet. Kind of in a rush…
April 21, 2018 at 4:43 pm #427504Yep, does it on the lists page too
April 21, 2018 at 5:09 pm #427509this will fix the grid with 4 columns
.sd .geodir_category_list_view li.gridview_onefourth { margin: 0 13px 0 0; width: calc(25% - 13px); }
I don’t see problems with grid 2 columns anywhere, can you point me to a page where I can see it please?
April 21, 2018 at 9:21 pm #427518It is THE LOCATION PAGE. I changed the number of columns from 2 to 4 to see if it did it still and it did. And after putting your CSS in there it still does it on the location page.
And the lists page, still. It doesnt’ matter if it’s 2 column, 4 column, 5 column, it doesn’t work right on location or lists page.
It didn’t work on the homepage, list, or search page. Kor fixed the homepage only. Then I removed his CSS and put your CSS there and it still only worked on the homepage. So, thus far we have 1 out of 3 displaying correctly. And this is the third time I’m saying “Location page” and second time I’m saying “Lists” page. Although it really shouldn’t matter, I switched the widget back to 2 columns so you can see. Before it was on 3 knocking down the 4th since I was trying different things. I didn’t think that would throw you off… lol
April 21, 2018 at 9:34 pm #427521This reply has been marked as private.April 21, 2018 at 9:51 pm #427522This reply has been marked as private.April 22, 2018 at 5:05 am #427525This reply has been marked as private.April 22, 2018 at 3:25 pm #427555This reply has been marked as private.April 23, 2018 at 5:33 am #427622This reply has been marked as private.April 23, 2018 at 9:04 am #427651Margins in the theme are set specifically for our layouts but in this non standard layout it was off by a few px, i have set it to 0 and it should be good now.
Stiofan
April 23, 2018 at 9:12 am #427653Sweet, i don’t know how you did that but thanks!!!!
April 23, 2018 at 9:13 am #427654All the pages look excellent now.
-
AuthorPosts
We have moved to a support ticketing system and our forums are now closed.
Open Support Ticket