Add responsive details to the header above menu top right

pending (4 posts) (2 voices)

  1. frankie1tree

    I found this link which is fine
    but it does not seem to work in responsive mode, in that the phone number does not move down under the logo in the way that the menu does. So that ideally in small screen Responsive mode I have logo, contact number and then menu.
    Is this possible please?
    Very early stage of site:
    Thanks, Francis

    Posted 3 years ago #
  2. Elliott

    Hello frankie1tree,

    Take a screenshot and highlight what your trying to do.

    Posted 3 years ago #
  3. frankie1tree

    Attached is a shot (screenshot1) of how the header looks when browser window is small. You can see that the phone number (not styled yet) does not move under the logo; it is fixed to the 'top' because of the css code for 'adding stuff in the header'.
    Screenshot2 is an example of how contact details move under the logo when browser window is shrunk.


    1. screenshot2.jpg (78.5 KB, 0 downloads) 3 years old
    2. screenshot1.jpg (79.3 KB, 0 downloads) 3 years old
    Posted 3 years ago #
  4. Elliott

    You would have to most it's top value down some more. Look in the style.css file at the bottom and you'll see how to do CSS media queries which you can check the screen width and use more CSS to move it down.

    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