Responsive Header Text over Logo

open (3 posts) (2 voices)

  1. Hey All,

    I've seen the posts about support being MIA, (totally bummed out by that) but hoping someone might have ideas. I have a site currently using DeJavu theme. We've just updated to WP4.4 and changed out their logo when we noticed this problem Can't recall if this was an issue before 4.4 or not; but have searched the archives for settings to adjust CSS and made a few that I can see work in moving things, but nothing quite the fix I need which is the "Call us... " below the logo image.

    Here's what I have currently in Mobile CSS:

    .header_text {right: 70px !important; top: 170px !important; }
    #header { height: 150px !important; }
    #header_inner_text { right: 70px !important; top: 170px !important; }

    Attached is an image of what I'm getting. The Header Height allows for the room for the text to go below; but I can't physically get the text to move anywhere other than to align left or right.

    Anyone have any suggestions?

    Attachments

    1. IMG_2065.PNG (136.2 KB, 0 downloads) 1 year old
    Posted 1 year ago #
  2. omg
    Member

    Hi
    I think you need to do two things, you need to make the header font smaller so it fits on one line,
    and then secondly you need to add padding above the logo for the Facebook and Contact info to fit (you may also need to shorten the text to something like: "Make Appointment: 555-555-5555".

    Add this CSS into your Mobile & Responsive section of your Theme (adjust px as needed) I am not sure about the header so I have a few different options below:

    .logo { position: absolute; top: 100px !important; }

    .header_links a { font-size: 8px !important; }

    #header { font-size: 8px !important; }

    Good Luck

    Posted 1 year ago #
  3. Thanks for the suggestions! I'll try this out. For now he's settled with a different layout of his logo and the non-responsive format which is working on iphones and android.

    :)

    Posted 1 year 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