Screen real estate

[markf]

Hi,

First off, great theme, users love it.

I’m having issues with real estate. I use articulate courses and by the time I have one menu bar on the right, the available real estate on PC’s seems too small. I seem to have loads of whitespace both from the margins and spacing between the page and the menu bar, It works well on Mobile devices as the menu disappears. I would like to have more real estate (screen area) for post content for PC only. Where can I set this?

Many thanks

[Veena]

Can you share a link to the specific page ,please?

[markf]

This reply has been marked as private.

[markf]

Why is there no response to this query?

[Veena]

We apologize for the delay in response .

Actually i don’t see any issue , everything seems normal .
It will be very helpful if you share the screenshot of the exact area of the page that having this issue.

[markf]

I mean I require more space on the page. The automatic padding between the main part of the page and the sidebar widget for example is too large

[Veena]

This reply has been marked as private.

[markf]

try again

[markf]

I’ve made progress by including the following custom code.
.sidebar {
width: 95%;
position: relative;
right: -150px;

It shifts the menu to the right giving me more room on th emain content part of the page.

The only issue is now that when making the window small in Windows, it takes longer before the menu collapses to the bottomof the page. How can I get the menu to move to the bottom earlier. Even better still do what it does on a mobile device which is to move it to the bottom immediately.

[markf]

Still no response? I’m considering a refund for the support I paid for.

[Veena]

We always try to answer queries within 24hrs, but sometimes we may miss queries and it is not purposefully .

Support is provided for bug fixes and theme setup issues and not for customization. We do our best to answer minor customization queries when possible but it is not always possible to address them.

Regarding your query :
Pls remove right -150 and top 30 since it will affect the responsiveness of the site .
Instead you can try to reduce the width of the sidebar like below –
You can try the below custom CSS .

.single.single-sfwd-topic .sidebar-right-nav.threecol.last {
    width: 17.6%;
}
@media only screen and (min-width:768px) and (max-width: 1100px){
.single.single-sfwd-topic .sidebar-right-nav.threecol.last {
    width: 100%;
}
.single.single-sfwd-topic div#content {
    width: 100%;
}}

[Author]

Posts