scrolldown menu not appearing under the menu-icon

  • KaufLive

    (@kauflive)


    12 years, 7 months ago

    Hey everybody!

    First of all I want to say I’m still learning WP, and loving Customizr! I’m testing a lot of different options, but now -after hours of using Google, and searching this forum- I’m stuck.

    All of the changes I’ve made (up until now) are done in the Custom CSS. In the ‘ipad’-mode of the website (or the ‘smaller window’ view), I’ve managed to get the menu-icon on the left side. The problem is now that the scrolldown-menu appears on the right side, not under the menu-icon on the left side. Is there a way to fix this in the Custom CSS?

    (the problem might be that for the ‘normal-view’ of the site, I’ve aligned the menu to the right, which I really like. So I can imagine, after you make the window smaller and the theme changes to the smaller mode, the menu is still aligned to the right. Is there a way to make sure the code changes between these two modes?)

    Here’s the site (for now): http://www.escapism.nl/wp
    Thanks so much in advance!

Viewing 2 replies - 1 through 2 (of 2 total)
  • rdellconsulting

    (@rdellconsulting)

    12 years, 7 months ago

    You need to use @media in your CSS. See post for more info. The CSS template is in here

    Thread Starter KaufLive

    (@kauflive)

    12 years, 7 months ago

    Thanks for the tip!

    If anyone else stumbles on the same problem, this is how I worked around it: I still had trouble moving the whole pulldown menu to the left, so I decided to switch the social block and the menu-button. With the social block automatically to the left in ‘ipad-mode’, and the dropdown-menu (and button) on the right, it wouldn’t have been a problem at all. Thing was, in my CSS I had:

    /* adjust location of soc bar */
    .navbar .social-block {
    float: right;
    width: auto;
    padding: 0;
    }}

    This kept my social-bar to the right in full-screen mode, which I liked! But in ‘ipad-mode’ both the menu and the social-buttons were packed together on the right, which this code caused. So, if anybody has the same problem, add the line “@media (min-width: 979px) {” and end with an extra ‘}’. In the end, you’ll have this:

    /* adjust location of soc bar */
    @media (min-width: 979px) {
    .navbar .social-block {
    float: right;
    width: auto;
    padding: 0;
    }}

    Thanks again for the help rdellconsulting!

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘scrolldown menu not appearing under the menu-icon’ is closed to new replies.