Supreme Theme Widgets Not Fitting in Content Area

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket

Author

Posts
April 21, 2018 at 1:04 pm #427487

Jeff Adams
Free User

Post count: 1780

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 #427490

Jeff Adams
Free User

Post count: 1780

This reply has been marked as private.

April 21, 2018 at 2:31 pm #427494
Kor
Moderator

Post count: 16516
Hi 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 #427503

Jeff Adams
Free User

Post count: 1780

Thanks 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 #427504

Jeff Adams
Free User

Post count: 1780

Yep, does it on the lists page too

April 21, 2018 at 5:09 pm #427509
Paolo
Site Admin

Post count: 31211
this 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 #427518

Jeff Adams
Free User

Post count: 1780

It 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 #427521

Jeff Adams
Free User

Post count: 1780

This reply has been marked as private.

April 21, 2018 at 9:51 pm #427522

Paolo
Site Admin

Post count: 31211

This reply has been marked as private.

April 22, 2018 at 5:05 am #427525

Jeff Adams
Free User

Post count: 1780

This reply has been marked as private.

April 22, 2018 at 3:25 pm #427555

Paolo
Site Admin

Post count: 31211

This reply has been marked as private.

April 23, 2018 at 5:33 am #427622

Jeff Adams
Free User

Post count: 1780

This reply has been marked as private.

April 23, 2018 at 9:04 am #427651

Stiofan O’Connor
Site Admin

Post count: 22956

Margins 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 #427653

Jeff Adams
Free User

Post count: 1780

Sweet, i don’t know how you did that but thanks!!!!

April 23, 2018 at 9:13 am #427654

Jeff Adams
Free User

Post count: 1780

All the pages look excellent now.
Author

Posts