Making Place Sidebar Wider

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

Open Support Ticket

Tagged: Mobile Sizing, widgets

Author

Posts
June 29, 2017 at 6:54 am #385092

TMalone Marketing
Free User

Post count: 12

How would I make the right sidebar widget wider on the directory place profile of a business for desktop and mobile views? I have attached screenshots of the same business from a desktop computer with a resolution of 1920 x 1080 and a smartphone with a resolution of 1600 x 2560.

I would really like especially on the mobile view for the bottom widget to match the size of the top widget in mobile view. As for the desktop view it would be nice to be as wide as the map that can display in that particular area.

Please assist, Thanks.

June 29, 2017 at 4:08 pm #385159

Paolo
Site Admin

Post count: 31206

Hi,

please provide a link and admin credentials and we will provide the css.

Thanks

June 30, 2017 at 7:41 am #385235

TMalone Marketing
Free User

Post count: 12

This reply has been marked as private.

June 30, 2017 at 3:34 pm #385294

Giri
Expired Member

Post count: 3155

Hi there,

Please provide your site url too.

June 30, 2017 at 5:55 pm #385330
Giri
Expired Member

Post count: 3155
Hi there,

I hope you are talking about wide width sidebar in Desktop layout.

I added the following styles in your website. Please test them.

Thanks
```
#sidebar .geodir-company_info {
	margin-left:0 !important;
}

@media (min-width: 981px) {
body.geodir-page #left-area {
    width: 69.125% !important;
}
body.geodir-page #sidebar {
    width: 30.875% !important;
}
body.geodir-page.et_right_sidebar #main-content .container:before {
    right: 30.875% !important;
}
}
```
July 10, 2017 at 3:52 am #386310

TMalone Marketing
Free User

Post count: 12

Sorry for the late replay. You can mark this as resolved. Thanks again!

July 10, 2017 at 10:24 am #386343

Giri
Expired Member

Post count: 3155

You are welcome.
Author

Posts