Responsive "Stuff in the header"

pending (15 posts) (2 voices)

  1. johnnyp14
    Member

    I've added a sidebar to the header as described in http://mysitemyway.com/docs/index.php/Adding_stuff_to_the_header

    When the screen width is below 768px, the responsive menu kicks in. Is there a way to get the
    .header_widget_area {}

    to be pushed below the logo?
    [LOGO][EXTRA STUFF]
    [-MENU-----------]
    goes to
    [LOGO]
    [EXTRA STUFF]
    [MENU]

    Thank you!

    Posted 3 years ago #
  2. Elliott
    Support

    Hello johnnyp14,

    Send us a link and we'll take a look.

    Posted 3 years ago #
  3. johnnyp14
    Member

    It is more of a general question. You provide details to add a sidebar/widget area to the head at the above link (thank you btw), so I was curious how to make that extra sidebard/widget area 'stack below' the main logo below a certain resolution (ie as soon as the menu changes to a dropdown list).

    Attachments

    1. Untitled-5.jpg (123.2 KB, 1 downloads) 3 years old
    2. Untitled-4.jpg (146.8 KB, 1 downloads) 3 years old
    Posted 3 years ago #
  4. Elliott
    Support

    You would have to use CSS in Dashboard -> your theme -> Responsive & Mobile -> Mobile CSS field to move it down.

    Posted 3 years ago #
  5. johnnyp14
    Member

    @media screen and (max-width: 768px){
    .header_widget_area {
    clear: both;
    display: block;}
    }

    This won't work because the position of the .logo is absolute

    Posted 3 years ago #
  6. Elliott
    Support

    You can use absolute positioning for the widget area as well.

    Posted 3 years ago #
  7. johnnyp14
    Member

    It doesn't push anything down. It just lays over top the slider.

    Posted 3 years ago #
  8. johnnyp14
    Member

    ??

    Posted 3 years ago #
  9. Elliott
    Support

    Send us a link.

    Posted 3 years ago #
  10. johnnyp14
    Member

    It's not a site-specific question.

    Posted 3 years ago #
  11. johnnyp14
    Member

    ...?

    Posted 3 years ago #
  12. johnnyp14
    Member

    Why the hell is this being marked as resolved?

    Posted 3 years ago #
  13. Elliott
    Support

    Still waiting on a link.

    Posted 3 years ago #
  14. johnnyp14
    Member

    As stated before, there is no need for a link as it is a generic question.
    You have a page dedicated to showing how to add a widget area to the header. I'm asking how to make that area responsive - ie when the screen width is below 768px and the menu changes, the widget area moves to its own new line below the logo.

    Posted 3 years ago #
  15. Elliott
    Support

    The CSS your using should work and I don't know why which is why I need to see it in action.

    Posted 3 years ago #

Reply

You must log in to post.

Construct WordPress Theme
Construct wordpress theme
Myriad WordPress Theme
Myriad wordpress theme
Method WordPress Theme
Method wordpress theme
Fusion WordPress Theme
Fusion wordpress theme
Elegance WordPress Theme
Elegance wordpress theme
Echelon WordPress Theme
Echelon wordpress theme
Dejavu WordPress Theme
Dejavu wordpress theme
Modular WordPress Theme
Modular wordpress theme