Tesseract Theme by Tyler Moore – header color customizer problem

@semperaye, if you post a link to your site, and describe what you are trying to do, I can take a look & see why your CSS isn’t working. Both plugins should do the trick.

@crouchingbruin ty.

https://www.salamatphilippines.com/forums/

I was trying to get the forum to be responsive in width with custom css. When I maximize my window to 1920×1080 the page still looks the same as when it is docked to the right. I’ve tried various different css I pulled from the web, but non have done anything.

The forum page seems to act responsively. Even on my cell phone it looks OK.

Are you trying to get the forum part to stretch across the entire content width on a desktop? Where do you want the sidebar to go, drop underneath, or be hidden entirely? I don’t see any CSS that seems to indicate what you are trying to do.

Yeah, I was trying to get it to stretch further across the entire width on a desktop, but at the same time keeping the sidebar on the left.

OK, add this to your custom CSS:

@media screen and (min-width: 980px) {
   /* This is the width of the forum content area */
   .bbpress #content {
      max-width: 95%;
   }
   /* This is the width of the forum list */
   .bbpress #primary {
      width: 66.6666%;
   }
   /* This is the width of the forum list */
   .bbpress #secondary {
      width: 33.3333%;
   }
}

So this is a media query that kicks in at screen widths above 980px. Inside the media query are three rules. The first changes the main content area from a max width of 980px to 95%, so the content area will expand as the browser window expands.

The second and third rules sets the width of the forum list and the sidebar. The widths are what is currently in effect, so the forum list takes up about 2/3 of the space, the sidebar takes up 1/3. You probably don’t need to change those unless you want to give more space to the forum listing, but make sure the widths add up to 100%. You can try setting the forum list to 75% and the sidebar to 25%, for example.

CrouchingBruin,

That actually worked! Your awesome, thank you! Only issue I have now is that although the forum is larger at full screen, it isn’t centered. If you look at the page at 1080p for example, that sidebar is still locked to the left and the forum locked to the right, while the white space between the two increases.

Do you think there is a way to center the sidebar within the white space like when you view the page at 908px? If so, that would be the icing on the cake! ??

Make the following change:

@media screen and (min-width: 980px) {
   /* This is the width of the forum content area */
   .bbpress #content {
      max-width: 95%;
   }
   /* This is the width of the forum list */
   .bbpress #primary {
      width: 66.6666%;
      /* border: 1px solid red; */
   }
   /* This is the width of the forum list */
   .bbpress #secondary {
      width: 33.3333%;
      /* border: 1px solid blue; */
   }
   /* Center the contents of the sidebar */
   .bbpress #secondary aside {
      margin: 0 auto;
      display: table;
   }
}

The part that was added is the last rule, which should center the sidebar contents.

Sir you have solved my issue. Cant thank you enough.

Hi Team!

I am new to this forum and WordPress. My site, https://delajonegro.com , looks fine when viewed on a PC computer browser, whether firefox, explorer, chrome. However when viewed on mobile, everything shifts to top (Only the main page). I had my website for about a year but never had this problem.

I haven’t checked my website for a while, but could it be caused by

1. Recent WordPress update? (4.5.1 on April 26th)
2. Plugins? (Content protection or Google sitemap by bestwebsoft)
3. Hacked?

I used Tesseract theme to create a website.

Please help!

@delajonegro, can you please temporarily disable the content protection plugin? It may not be the plugin that is causing the problem, but it is very difficult to examine your site when it is active.

Thank you in advance for your help @crouchingbruin!

I deactivated the content protection plugin.

Mr. CrouchingBruin,

I don’t know what is it but it is working fine on mobile version. It’s weird but thank you so much for your help!

Hmm, that’s strange. Well, you can try re-activating your content protection plugin to see if the problem comes back. If so, I wouldn’t worry about using such a plugin. There are many ways of getting around those types of plugins. I can literally copy any image or text on a site even with those types of plugins activated. It’s as easy as looking at the page source and using the URL of the image to download it. Or using a screen capture program to capture the image from the browser. Or getting the image file from the browser’s cache.

Hi guys, For some reason my pagebuilder is not showing on my site when I go into the dashboard. It no longer shows rows, but everything is set in one dialogue box. How do I get the pagebuilder back? This happened after I upgraded to 4.5.1. I have the widget installed and active, it’s also checked on my screen displays so it should be there but it isn’t. Any advice on how o get this fixed? Thanks!

Just following up on this…any ideas on the Page Builder issue? Thanks