Confit responsive menu too small to read

  • Yet another question; )

    In Mobile and on Tablet the Confit responsive menu is too small to read.
    I have adjusted the css of the menu but I do not think that that’s is the problem ?
    Website currently working at:

    It would be better if the responsive menu would be like with this theme (an example) 

    .main-navigation a {
    color: #000000;
    display: block;
    display: block;
    font-family: Muli, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 500;
    padding: 6px 0;
    padding: 0.6rem 0;
    text-decoration: none;
}

    Thanks for thinking with me !
    Kind regards
    Juliette VB

Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator Kathryn Presner

    (@zoonini)

    It looks like you’ve made some modifications to the theme that have reduced the size of the mobile menu substantially.

    If you take a look at the Confit demo, you’ll see how the mobile menu is designed to look:

    https://confitdemo.wordpress.com/

    I’d suggest you undo the changes you did until the mobile menu is back to its intended size.

    It looks like you may have edited the theme files directly – is that the case? This means that all your changes will be overwritten every time the theme is updated to the latest version.

    If you haven’t already used one, I’d strongly suggest you reinstall a fresh copy of Confit and move all your changes instead into a custom CSS plugin or child theme.

    An easy way to add custom CSS is to install the Jetpack plugin and activate the Custom CSS module. You’ll then add your custom CSS in the new stylesheet editor that’ll appear in your dashboard, under Appearance > Edit CSS.

    As alternatives, you could either install a standalone custom CSS plugin, or create a child theme.

    Thread Starter Juliette VB

    (@juliette-vb)

    Kind Kathryn

    I am using the plugin custom css (since Jetpack does not want to be installed on this subdomain ; )

    The only changes I have made regarding size in the whole website is this:

    .site-content article {

    width:800px;
    }

    So unless that influences the menu and sidebar widget container I am walking in the dark..

    Kind regards
    Juliette VB

    Moderator Kathryn Presner

    (@zoonini)

    You’ve also added this to your custom CSS:

    a {
     color: #000000;
     font-family: Muli,Helvetica,Arial,sans-serif;
     font-size: 14px;
     font-weight: 300;
}

    That is reducing the size of all your links, including the mobile navigation. Try removing the font-size declaration.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Confit responsive menu too small to read’ is closed to new replies.