Forum Replies Created

Viewing 7 posts - 1 through 7 (of 7 total)
  • in reply to: Loading jQuery breaks mobile menu #191682
    bo
    Member
    Post count: 10

    Awesome! Thank you so much!

    in reply to: Loading jQuery breaks mobile menu #191291
    bo
    Member
    Post count: 10

    The jQuery plug-in for tables doesn’t work on my wordpress install unless I load that script to load jquery in the <head>.

    The jQuery plug-in is called DataTables and here is the page for how to set up the installation for DataTables:

    https://www.datatables.net/manual/installation

    Thanks,
    Bradley

    in reply to: Portfolio masonry gallery full width columns? #142016
    bo
    Member
    Post count: 10

    Is there a way to make it shrink down to 2 columns instead of 1? Thanks

    in reply to: html min-width #45470
    bo
    Member
    Post count: 10

    Ive tried this before even in the style.css file. Unfortunately it still leaves a white space on the right side of the screen on mobile. I’ve run out of ideas on how to get rid of the white space on the side. The only thing that sort-of worked was making the site responsive, but that disrupted the layout way too much to be useful.

    Thanks,
    Bo

    in reply to: Responsive theme template files #44413
    bo
    Member
    Post count: 10

    Another piece of info:

    when I “view source” of my webpage, I find that near the top of my source code, inside the <head> tags, I get the CSS snippet that says html { min-width: 1200px; } and I can’t find where I can change this at all. Any help would be greatly appreciated, thank!

    I put some of the code that was above and below to maybe give you a reference point of where this code is being registered.

    <script type="text/javascript">var ajaxurl = 'http://localhost/wordpress/wp-admin/admin-ajax.php';</script>
    
    			<script type="text/javascript">
    			var ajaxurl = 'http://localhost/wordpress/wp-admin/admin-ajax.php';
    			</script>
    		<style type="text/css">
    
    				html {
    					min-width: 1200px;
    				}
    				[class*="span"] {
    				  float: left;
    				  min-height: 1px;
    				  margin-left: 30px;
    				  box-sizing:content-box!important;
    				  -moz-box-sizing:content-box!important; /* Firefox */
    				  -webkit-box-sizing:content-box!important; /* Safari */
    				}
    				.sidebar {
    				  box-sizing:border-box!important;
    				  -moz-box-sizing:border-box!important; /* Firefox */
    				  -webkit-box-sizing:border-box!important; /* Safari */
    				}
    				.container,
    				.navbar-static-top .container,
    				.navbar-fixed-top .container,
    				.navbar-fixed-bottom .container {
    				  width: 1170px!important;
    				  max-width: none!important;
    				}
    				#header .is-sticky .sticky-header {
    				 width: 100%!important;
    				 max-width: none!important;
    				}
    				.span12 {
    				  width: 1170px;
    				}
    				.span11 {
    				  width: 1070px;
    				}
    in reply to: Responsive theme template files #44412
    bo
    Member
    Post count: 10

    Thanks Tahir,
    that seems to set the width of the <html> to my desired width of 860px when I adjust to the number of pixels that I want, but the issue doesn’t seem to be resolved.

    The continued issue that I am having is that when viewed on a phone or tablet screen, the width of all of my content is 860px, but the width of the screen still appears to be 1200px. So there is extra blank screen that loads to the right of all of my content. I hope this description helps you understand the issue, and thanks again for your help!

    in reply to: Responsive theme template files #43485
    bo
    Member
    Post count: 10

    Or just, how do I change the page width of the current theme? 1200 is a little large, and I would not like to use the “responsive” theme option as it doesn’t look to great on mobile.

    Thanks

Viewing 7 posts - 1 through 7 (of 7 total)