Responsive "Stuff in the header"

pending (15 posts) (2 voices)

  1. johnnyp14

    I've added a sidebar to the header as described in

    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?
    goes to

    Thank you!

    Posted 3 years ago #
  2. Elliott

    Hello johnnyp14,

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

    Posted 3 years ago #
  3. johnnyp14

    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).


    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

    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

    @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

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

    Posted 3 years ago #
  7. johnnyp14

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

    Posted 3 years ago #
  8. johnnyp14


    Posted 3 years ago #
  9. Elliott

    Send us a link.

    Posted 3 years ago #
  10. johnnyp14

    It's not a site-specific question.

    Posted 3 years ago #
  11. johnnyp14


    Posted 3 years ago #
  12. johnnyp14

    Why the hell is this being marked as resolved?

    Posted 3 years ago #
  13. Elliott

    Still waiting on a link.

    Posted 3 years ago #
  14. johnnyp14

    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

    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 #


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