Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #643449

    Hi There,
    I have created a header widget with logo left menu below option. Widget contains contact info and social icons in large fonts which is desired by client.

    The problem is it looks good on large screen until you scroll the page. Once you scroll the page the widget overflows when you resize screen, Its all over the place.. a total mess.

    I posted this issue earlier as well and you guys helped me make it working somehow but at client’s request once I increase the size of text, Its all broken again. I spend several hours on my own but could not get it right.

    Can you please help me make it responsive for all screen size and fit in the top header section in page scroll. I have put my login info in private section as well, please try your best to fix it so that i dont have to bother you guys many times with the same issue.

    please look at these screenshots or visit the page to see yourself.(link in private info)
    http://prntscr.com/bcz4fm
    http://prntscr.com/bcz4oc
    http://prntscr.com/bcz4vv

    Thank you very much!

    #643906

    Hey kaloraat,

    Check it, i changed the code a little bit.

    Best regards,
    Josue

    #643916

    Hi Josue,
    Thank you very much. Looks a lot better. Is it possible to make the text and icons all right aligned? And also a bit more padding on top of the icons, they look too close?

    That would be great!

    #643921

    Hi Josue,
    Also on mobile screen, the icons overflows the header section and appears on top of body text.
    Please see this screenshot.

    http://prntscr.com/bdc267

    Thank You

    #643976

    Ok, check it now.

    #644006

    Hi Josue,
    Thanks. Right aligned, looks good but it appears like this in iphone6. I clear browser history and website data but thats how it looks. Please see this screenshot.
    Social icons falls down from the header section to body.
    http://prntscr.com/bddjek

    #644486

    Check it.

    #644527

    Thank you Josue. One last thing, Is it possible to keep it within the same width as body content, currently it is pushed far right to the edge of screen. That is what I see in big screen.

    Cheers!

    #644536

    Done.

    #644537

    You are awesome :)
    Thanks a lot for your help.

    #644795

    You are welcome, glad to help :)

    Regards,
    Josue

Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘header widget not responsive’ is closed to new replies.