Responsvie Theme Question

[shorthills]

Once again — great theme and thanks!

Without getting into the gory css details, I noticed that when I turned off the responsive theme in the menu options, when I view my site (which is fine on the desktop) that the navigation bar does not fill the full width of the screen on the right side.
However, when I turn on the responsive theme, it looks fine.

I did the usual debugging (and I even renamed my functions.php and custom.css to hold.functions.php and hold.custom.css in order to remove them from play) and I cannot seem to figure out why this is. I’m not asking you to review my css, but is there something obivous n the code or in the options that would cause this?

— Also, if I do go responsive, which style sheet is the “iphone and ipad” one?, and where should I put it in the child theme structure to override a properry? I have text added to the header via functions.php and styled in custom.css, but I need to shrink this text size on the iPhone and iPad.

Thanks for your help!

Topic

[Jason Bobich]

Hello,

I apologize, but I’m honestly just not understanding what you’re describing the issue is with menu and the responsive option.

The file that controls the responsive styles is /assets/css/responsive.min.css, which is the compressed version fo responsive.css.

In general, you’d just want to work from your custom.css file. Here’s one way you could structure everything in that file:

/* Standard Desktop */
.whatever {

}
.whatever-else {

}

/* Tablets */
@media (max-width: 768px) {
	.whatever {

	}
	.whatever-else {

	}
}

/* Mobile */
@media (max-width: 515px) {
	.whatever {

	}
	.whatever-else {

	}
}

[Author]

Replies