Responsive Design Tweaks

  • Author
    Posts
  • #55614
    tiagodovale
    Member

    Hi again!

    Sorry to be so inquisitive these days ;)
    I’ve been trying to decipher the workings of responsive design in css, but couldn’t really figure out what I was looking for.

    I’m trying to prevent the menu to switch to a “drop-down” style in smaller screens: what should I be looking for in css?

    I’m also trying to maintain the slider navigation style of full screen on smaller screens: any ideas?

    Thank you so much again for your time, patience and attention!
    Cheers!

    The blog I need help with is: (visible only to logged in users)

    #55848
    binarymoon
    Theme Author

    Hi – the dropdown style is controlled with javascript so there’s not really a way to manage this with css I’m afraid.

    I’m not sure what you’re trying to do with the slider though?

    #55861
    tiagodovale
    Member
    Original poster

    Hi: how are you? :)

    About the dropdown: could we set it up so that it is deployed only at an even smaller resolution?

    About the slider navigation (those numbers): at about the same resolution, the slider changes from being translucent on top of the image to being full-width above the image.

    I wonder if one could disable that last resolution step, when all those things change: it would fix both those two things!

    #55974
    binarymoon
    Theme Author

    The dropdown is controlled through javascript so we can’t change when it displays unfortunately.

    For the slider numbers you can just reverse the code that makes it full width.

    @media only screen and (max-width: 449px) {
    .main .showcase .showcase-wrapper nav {
    width: 20%;
    position: absolute;
    background: transparent;
    }
    }
    #55975
    tiagodovale
    Member
    Original poster

    Thanks again for all your help! :)
    Cheers!

  • The topic ‘Responsive Design Tweaks’ is closed to new replies.