Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 20, 2015 at 6:05 pm #521923
    lookashow

    Hi, guys! Thank you for your work.

    I’ve placed a text widget with phone number at logo area. I have to do that responsive and at one level with logo.

    Could you help me, please?

    October 20, 2015 at 10:08 pm #522031
    Elliott

    Hey lookashow!

    Instead of using left: 80% css try this out.

    #header .widget { position: absolute; right: 20px; }

    Best regards,
    Elliott

    October 21, 2015 at 8:49 am #522174
    lookashow

    Hi Elliott! Thank you, it works.

    1) I’m using a tag “href=tel:”, but link don’t display at logo area.
    2) It’s not responsive for mobile devices, the phone number is overlapping above the logo.

    October 22, 2015 at 1:55 am #522687
    Yigit

    Hi!

    Please add following code to Quick CSS 

    #header .widget { z-index: 999; }
@media only screen and (max-width: 480px) {
#header .widget { top: 50px; }}

    Regards,
    Yigit

    October 22, 2015 at 10:01 am #522805
    lookashow

    Hi, Yigit! Thanks.

    But phone number is overlapping at H1-header now. Could to do that width stretchable like a logo ?

    It’s very important by reason of I get 80% mobile visitors.

    October 22, 2015 at 2:11 pm #522955
    Yigit

    Hey!

    Please change the code to following one 

    #header .widget { z-index: 999; }
@media only screen and (max-width: 480px) {
#header .widget {
    top: 50px;
    width: 100%;
    left: 30px;
}
.responsive #top #wrap_all #header {
    height: 240px;
}}

    Regards,
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.