Pages layout breaks when unchecking 'Search right section'

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

Open Support Ticket

Author

Posts
August 11, 2017 at 3:59 pm #390741

Neil Duckmanton
Free User

Post count: 6

When unchecking the right section on the search page and changing width of ‘search content section’ to 100% it breaks the page layout, the title goes off to one side and the footer breaks leaving a page like the attached: ‘Attachment’

Also is there an option to turn off reviews and favourites? have done ‘display:none;’ for the map but leaves a big white gap…

Can you advise please?

August 11, 2017 at 10:44 pm #390807

Paolo
Site Admin

Post count: 31211

Hi,

please provide a link and admin credentials and we will follow up on both questions.

Thanks

August 14, 2017 at 9:44 am #391040

Neil Duckmanton
Free User

Post count: 6

Yes, how do we do that privately?

August 14, 2017 at 9:57 am #391042

Guust
Moderator

Post count: 29970

Please add the required details here and tick the “Set as private reply” box below the input field.
Thanks

August 14, 2017 at 10:00 am #391043

Neil Duckmanton
Free User

Post count: 6

This reply has been marked as private.

August 14, 2017 at 4:35 pm #391144

Giri
Expired Member

Post count: 3155

Hi Neil,

Just spoke to stiofan about it. He said you need to use the divi theme settings to customize theme width.

In other words, GD width settings are not applicable for Divi theme.

Hope that helps.

Thanks

August 16, 2017 at 9:12 pm #391559

Neil Duckmanton
Free User

Post count: 6

The page is a search results page and has no editable page to change the widths. Any guidance on what can be done? Can’t see a search page template within Divi theme files either…

August 17, 2017 at 12:03 am #391578

Guust
Moderator

Post count: 29970

I added some CSS at GD > Design > Scripts, but I’ll get Giri to review it. There is a sidebar border I cannot get rid off.
Thanks for your patience.

August 17, 2017 at 10:59 am #391647
Giri
Expired Member

Post count: 3155
@guust,

I have added the following code there.
```
body.geodir_advance_search #main-content .container:before {
background-color: transparent !important; 
}
body.geodir_advance_search h1.entry-title {
width: 80%;
    max-width: 1080px;
    margin: auto;
}
```
August 17, 2017 at 11:45 am #391653

Neil Duckmanton
Free User

Post count: 6

It looks better but the footer is still not full width, it’s as if there is an element that is not floated properly or similar?

August 17, 2017 at 11:58 am #391656
Giri
Expired Member

Post count: 3155
Hi Neil,

I added some more css.
```
body.geodir_advance_search .container {
	width: 100%;
	max-width: 100%;
}
body.geodir_advance_search #content-area,
body.geodir_advance_search #footer-bottom .container {
	width: 80%;
    max-width: 1080px;
    margin: auto;
}
```
Hope that helps
August 17, 2017 at 1:49 pm #391672

Neil Duckmanton
Free User

Post count: 6

Thanks for that but it’s not fixed the problem,

It looks better but the footer is still not full width, it’s as if there is an element that is not floated properly or similar?

August 17, 2017 at 2:04 pm #391673

Giri
Expired Member

Post count: 3155

It looks better but the footer is still not full width, it’s as if there is an element that is not floated properly or similar?

Its full width for me.

https://www.dropbox.com/s/fs7n43c5k6qtavv/Screenshot%202017-08-17%2019.33.49.png?dl=0

August 21, 2017 at 3:47 pm #392187

Neil Duckmanton
Free User

Post count: 6

Hi there – the fixes now appear to have thrown out the individual venue page layouts. Please could you take a look? Ideally we’d like the desktop layout to be improved from how it appears currently.

August 22, 2017 at 10:55 am #392279
Giri
Expired Member

Post count: 3155
Hi Neil, changed the css to this.
```
@media (min-width: 981px) {
body.single.et_pb_gutter.et_pb_gutters2 #left-area {
    width: 77.25%;
}
.search-results #left-area,
.archive #left-area {width: 100% !important; padding-right: 0% !important;}
}
body.search.geodir_advance_search #main-content .container:before,
body.archive #main-content .container:before {
background-color: transparent !important; 
}
body.search.geodir_advance_search h1.entry-title {
width: 80%;
    max-width: 1080px;
    margin: auto;
}
body.search.geodir_advance_search .container {
	width: 100%;
	max-width: 100%;
}
body.search.geodir_advance_search #content-area,
body.search.geodir_advance_search #footer-bottom .container {
	width: 80%;
    max-width: 1080px;
    margin: auto;
}
```
Thanks
Author

Posts