StudioPress

Forum navigation

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Quattro responsive troubles

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Quattro responsive troubles

This topic is: resolved

Tagged: , , , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 5, 2014 at 6:48 pm #83435
    MelonBird
    Participant

    I'm working with Quattro on a test installation, and I've added a custom menu to the header right widget. It looks great in the desktop version, but there are two problems in the responsive views as shown in Studiopress' responsive test view.

    (1) The header right custom menu disappears on mobile screens. I know this didn't happen with another theme I tested. I reloaded the original Quattro stylesheet to see if my customizations were the culprit, but it still left out the header right widget content. I'm wondering if maybe this one isn't designed to show the right header widget, and if so, I hope someone can help me figure out how to make it do so. I love the theme, but I'm using that widget for my main menu.

    (2) My site logo expands beyond the size of the device screens. The really strange thing is, I made it 230 pixels, smaller than the smallest width device, and still it goes off the side.

    Thanks in advance!

    http://runmysites.com/wptesting/
    January 5, 2014 at 7:13 pm #83438
    MelonBird
    Participant

    Argh, please ignore problem #1. I just realized the header right widget doesn't scale according to the text size people specify with browsers - the primary nav does, so I'll have to use it, and it works great in the responsive view.

    However, the logo is still spilling off the edge of smaller phones, so I would still appreciate advice on that! That problem also was not fixed when I replaced my modified stylesheet with the original one.

    January 5, 2014 at 7:23 pm #83439
    MelonBird
    Participant

    Okay, sorry, I wish this had an edit function. I do still need help with getting the header right to show - I'm going to put social icons in it, so it does need to be available on phones.

    January 5, 2014 at 9:00 pm #83462
    nutsandbolts
    Member

    The issue seems to be the max-height set on your header - if I resize my browser for mobile and increase the max-height in Chrome's Inspector, I can see the header right widget area. Hopefully that helps!

    Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
    I provide development and training services for designers • Find me on Twitter and Google+

    January 6, 2014 at 4:15 pm #83664
    MelonBird
    Participant

    Thank you, Andrea! It sure did. I found another way to make the header skinny without affecting the responsive view badly.

    January 6, 2014 at 4:16 pm #83665
    nutsandbolts
    Member

    Glad you got it worked out! I'm going to mark this topic as resolved but feel free to open a new one if you need to. 🙂

    Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
    I provide development and training services for designers • Find me on Twitter and Google+

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.