WordPress database error: [Can't create/write to file '/tmp/#sql-temptable-4db-16089f-1e1.MAI' (Errcode: 28 "No space left on device")]
SELECT p.*, o.option_value, GROUP_CONCAT(DISTINCT CONCAT(m.meta_key, "::", m.meta_value) separator "::::") as seo_meta, t.slug, tr.language_code as language FROM wp_posts p JOIN wp_postmeta m ON p.ID = m.post_id JOIN wp_options o ON o.option_name = "siteurl" JOIN wp_term_relationships r ON r.object_id = p.ID JOIN wp_term_taxonomy x ON x.term_taxonomy_id = r.term_taxonomy_id JOIN wp_terms t ON t.term_id = x.term_id JOIN wp_icl_translations tr ON p.ID = tr.element_id WHERE post_type = "page" AND post_status = "publish" AND tr.language_code = 'en' AND t.slug IN ('jquery') AND x.taxonomy = "page_cat" AND tr.element_type = "post_page" AND meta_key IN ("_yoast_wpseo_title", "_yoast_wpseo_metadesc") GROUP BY p.ID

WordPress database error: [Can't create/write to file '/tmp/#sql-temptable-4db-16089f-1e2.MAI' (Errcode: 28 "No space left on device")]
SHOW FULL COLUMNS FROM `wp_options`

How to position my sidebar next to my content?

WordPress database error: [Can't create/write to file '/tmp/#sql-temptable-4db-16089f-1e3.MAI' (Errcode: 28 "No space left on device")]
SELECT p.* FROM wp_mdb_forum_posts AS p LEFT JOIN wp_mdb_forum_posts AS q ON( q.Id = p.ParentId AND p.Id = q.AcceptedAnswerId ) WHERE p.PostTypeId = 2 AND p.ParentId = 53731 GROUP BY p.Id ORDER BY CASE WHEN q.Id IS NOT NULL THEN 1 ELSE 0 END DESC, p.UpvoteCount DESC, p.CreationDate ASC

  1. MDB Home Page
  2. Support Main Page
  3. MDB jQuery
Topic: How to position my sidebar next to my content?

.jonathan. pro asked 8 years ago

Hi,

I'm trying to position my sidebar to always be next to my content (except on breakpoints obviously). Right now, how the code is on this site, the side bar is always on the far left, which is a huge flaw imo and doesn't look good as the screen gets bigger since it'll just be further and further away from the content. I don't want to put my content on a container-fluid since I don't want the whole screen to be full of content; I just want the spaces to be on both far sides INSTEAD in between the side bar and content like it is now.

Example: (Current bad version)

Navbar

Side bar |          (space)                  Content                  (space)

 

Example: (What I want)

Navbar

(space)                      | Side bar |  Content   |                  (space)

 

Any help would be appreciated. Thanks!

PS: Version number 4.4.5

Ollie Vincent pro commented 8 years ago

Hi, You could place the sidebar in the same container as the content in a nested column. Is that what you mean? Could you share a link or post your code here? Thanks

.jonathan. pro commented 8 years ago

Hi, thanks for the response. So I tried doing the nested column and it still doesn't work. Here's the code: 1) HTML and JS   <pre>Start your code here</pre> <pre><!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <title>title</title> <!-- Font Awesome --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> <!-- Bootstrap core CSS --> <link href="../css/bootstrap.min.css" rel="stylesheet"> <!-- Material Design Bootstrap --> <link href="../css/mdb.min.css" rel="stylesheet"> <!-- Your custom styles (optional) --> <link href="../css/Testing2.css" rel="stylesheet"> </head> <body class="fixed-sn"> <!--Double navigation--> <header> <!--Navbar--> <nav class="navbar fixed-top navbar-toggleable-md navbar-expand-lg navbar-dark #000000 double-nav" style="background-color: #000000"> <div class="container"> <a class="navbar-brand" href=""><img src="" height="40" class="d-inline-block align-middle" alt=""><strong>nav</strong></a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav mr-auto"> <li class="nav-item dropdown" style="padding-right: 10px"> <a class="nav-link dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">nav</a> <div class="dropdown-menu dropdown-primary" aria-labelledby="navbarDropdownMenuLink"> <a class="dropdown-item" href=""><span style="font-size:17px">nav</span></a> </div> </li> </ul> </div> </div> <!-- SideNav slide-out button --> <div class="float-left"> <a href="#" data-activates="slide-out" class="button-collapse"><i class="fa fa-bars"></i></a> </div> </nav> <!-- /.Navbar --> </header> <!--/.Double navigation--> <!--Main layout--> <main class="mt-5"> <!--Main container--> <div class="container mt-5"> <!--Grid row--> <div class="row mt-5"> <!--Grid column--> <div class="col-12 col-sm-12 col-md-12 mb-4"> <div class="col-3 col-sm-3"> <!-- Sidebar navigation --> <div id="slide-out" class="side-nav #37474F fixed" style="margin-top: 66px"> <ul class="custom-scrollbar #37474F list-unstyled"> <!--Title--> <li> <br> <h6 style="text-align: center"><strong><font color="white"> sidebar</font></strong></h6> <hr class="hr-light text"> </li> <!--/.Title--> <!-- Side navigation links --> <li> <ul class="collapsible collapsible-accordion"> <li><a href="" class="collapsible-header arrow-r"><i class="fa fa-chevron-right"></i><strong> sidebar</strong></a></li> </ul> </li> <!--/. Side navigation links --> </ul> <div class="sidenav-bg mask-strong"></div> </div> <!--/. Sidebar navigation --> </div> <div class="col-9 col-sm-9"> <h2 class="font-bold">content</h2> <p class="lead" style="margin-top: 15px"> Paragraph of content. </p> </div> </div> <!--Grid column--> </div> <!--Grid row--> </div> <!--Main container--> </main> <!--Main layout--> <!-- SCRIPTS --> <!-- JQuery --> <script type="text/javascript" src="../js/jquery-3.2.1.min.js"></script> <!-- Bootstrap tooltips --> <script type="text/javascript" src="../js/popper.min.js"></script> <!-- Bootstrap core JavaScript --> <script type="text/javascript" src="../js/bootstrap.min.js"></script> <!-- MDB core JavaScript --> <script type="text/javascript" src="../js/mdb.min.js"></script> <script> $('.button-collapse').sideNav({ edge: 'left', // Choose the horizontal origin closeOnClick: true // Closes side-nav on clicks, useful for Angular/Meteor }); </script> </body> </html></pre>   2) CSS <pre>.side-nav { background-color: #4B515D !important; color: #37474F !important; margin-top: 66px; } @media (max-width: 768px) { .side-nav { margin-top: 41px; } } .double-nav { z-index: 1000; }</pre>
Write
Create snippet
Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status

Answered

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
About author
.jodadev.
Pro User
41Support score
15Questions 1Answers
0Snippets likes 1Snippets