Removing toggle drop down menu from mobile devices

  • itsyourblessing3

    (@itsyourblessing3)


    10 years, 2 months ago

    Hi,

    I am using a responsive theme (OneColumn). I hammered out all of the issues (thanks to great help here at times), except this one remaining hurdle. I would like the navbar to appear as it does on the desktop version. It has a menu and a drop down list. Please help me get rid of this. I have tried a few things I found in the forums to no avail.

    I tried adding this to the stylesheet:

    #nav-header .nav-toggle {display:none;}

    I tried variations, but removed it altogether when it did nothing.

    Here is the code:

    /* MOBILE */
@media screen and (max-width:767px) {
	/* BODY AND CONTAINER */
	body {line-height:1.2em;}
	body.custom-background {background-image:none !important;}

	/* MAIN CONTENT AREA */
	#main-content {width:100%; float:left;}
	#content {width:96%; float:left; padding:10px 2%;}

	/* HEADER */
	#header {width:96%; float:left; padding:10px 2%;}
	#header .logo {padding:5px 0;}
	#header .logo h1 {font-size:2em;}
	#header .logo h2 {padding:0; font-size:1.3em;}
	#header .header-img {padding:10px 0 0;}
	#header-widgets {width:96%; padding:0 2%;}
	.home-left, .home-right {width:100%; float:left;} 

	/* MENU */
	.nav-head ul {display:none;}
	.nav-head {padding:0;}
	.nav-head select {display:block; width:100%; height:35px; margin:0 auto 0; font-size:1em; line-height:1.2em; color:#333; background:#f8f8f8; border:0;}

	/* CONTENT */
	.postmetadata {margin:10px 0;} 

	/* HEADINGS */
	.post-title, .page-title, .page-title-post, .widgettitle, .comments-title, .comment-reply-title, .no-comments {font-size:1.3em;}

	/* IMAGES */
	.wp-post-image, .single-image {width:50%; margin:0.3em 0.5em 0.3em 0;} 

	/* SIDEBAR */
	#sidebar {width:96%; float:left; padding:10px 2%;}

	/* FOOTER */
	#footer {width:96%; padding:10px 2%;}
	.footer-left, .footer-right {width:100%; float:left;}
}

    This was an avenue I couldn’t try because of the theme differing, but maybe someone could point me in the right direction using this knowledge:

    https://ww.wp.xz.cn/support/topic/how-to-remove-mobile-nav-menu-toggle?replies=5

    Thanks so much.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter itsyourblessing3

    (@itsyourblessing3)

    10 years, 2 months ago

    Here is the code for the desktop version regarding lists:

    /* TABLE AND LISTS */
table {margin:10px 0; border-collapse:collapse;}
table, th, td {border: 1px solid #ccc; padding:5px 10px;}
table th {font-weight:bold;}

ul {list-style:square; margin:5px 0 5px 0;}
ol {list-style:decimal; margin:5px 0 5px 0;}
li {margin:0 0 0 20px;}
dl {margin:10px 0;}
dt {font-weight:bold;}
dd {margin:0 0 0 20px;}
    Thread Starter itsyourblessing3

    (@itsyourblessing3)

    10 years, 2 months ago

    I found the following in the functions.php:

    // Enqueues scripts and styles for front-end
	function onecolumn_scripts() {
		wp_enqueue_style( 'onecolumn-style', get_stylesheet_uri() );
		wp_enqueue_script( 'onecolumn-nav', get_template_directory_uri() . '/js/nav.js', array( 'jquery' ) );
		wp_enqueue_style( 'onecolumn-googlefonts', '//fonts.googleapis.com/css?family=Open+Sans' ); 

		if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) {
			wp_enqueue_script( 'comment-reply' );
		}
		// mobile nav args
		$onecolumn_mobile_nav_args = array(
			'navText' => __( 'Menu', 'onecolumn' )
		);
		// localize script with data for mobile nav
		wp_localize_script( 'onecolumn-nav', 'objectL10n', $onecolumn_mobile_nav_args );
	}
	add_action( 'wp_enqueue_scripts', 'onecolumn_scripts' );

    It appears the author added this to flip up the mobile functioning, but I would like to remove it!

    This tipped me off, but I’m a newbie. Can someone please advise me on how to proceed? Thanks!

    https://ww.wp.xz.cn/support/topic/sub-menu-items-expanded-by-default?replies=3

    Thread Starter itsyourblessing3

    (@itsyourblessing3)

    10 years, 2 months ago

    Well, it was solved but ugly.

    I removed the code in the mobile section of the stylesheet, so it retained the desktop navbar. I have to tweak the padding to make everything fit in the mobile.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Removing toggle drop down menu from mobile devices’ is closed to new replies.