Skip to content

Responsive [navbar,] not visible without viewport meta tag #31

@westurner

Description

@westurner

In layout.html, there's this:

{%- if theme_noresponsive|tobool and theme_bootstrap_version == "3" %}
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
{%- endif %}

I can only see the responsive top navigation menu (with the Chrome DevTools responsive tester) when I change it to this:

{%- if not (theme_noresponsive|tobool) and theme_bootstrap_version == "3" %}
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
{%- endif %}

# or this
{%- if theme_bootstrap_version == "3" %}
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
{%- endif %}

But is there any reason not to just always include the viewport meta tag?

    <meta name="viewport" content="width=device-width, initial-scale=1.0">
Here's my theme.conf from https://github.com/westurner/wrd_sphinx_theme :
[theme]
inherit = basicstrap
stylesheet = css/custom.css
pygments_style = friendly

[options]
lang = en

nosidebar = false
header_searchbox = false

rightsidebar = false
sidebar_span = 3

nav_fixed_top = false
nav_fixed = false
content_fixed = false
row_fixed = false

noresponsive = false
noresponsiverelbar = true
noflatdesign = false

nav_width = 900px
content_width = 768px

googlewebfont = false
googlewebfont_url = http://fonts.googleapis.com/css?family=Text+Me+One
googlewebfont_style = font-family: 'Text Me One', sans-serif;

header_inverse = false
relbar_inverse = false

inner_theme = false
inner_theme_name = bootswatch-simplex

bootstrap_version = 3

h1_size =
h2_size =
h3_size =
h4_size =
h5_size =
h6_size =

theme_preview = false

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions