-
AuthorPosts
-
June 6, 2016 at 2:02 pm #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/bcz4vvThank you very much!
June 7, 2016 at 9:46 am #643906Hey kaloraat,
Check it, i changed the code a little bit.
Best regards,
JosueJune 7, 2016 at 9:58 am #643916Hi 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!
June 7, 2016 at 10:07 am #643921Hi Josue,
Also on mobile screen, the icons overflows the header section and appears on top of body text.
Please see this screenshot.Thank You
June 7, 2016 at 12:02 pm #643976Ok, check it now.
June 7, 2016 at 12:35 pm #644006Hi 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/bddjekJune 8, 2016 at 4:13 am #644486Check it.
June 8, 2016 at 5:27 am #644527Thank 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!
June 8, 2016 at 5:49 am #644536Done.
June 8, 2016 at 5:53 am #644537You are awesome :)
Thanks a lot for your help.June 8, 2016 at 1:20 pm #644795You are welcome, glad to help :)
Regards,
Josue -
AuthorPosts
- The topic ‘header widget not responsive’ is closed to new replies.