Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #599503

    Hi, loving Enfold, it’s easily the best WordPress theme i’ve ever used!

    I’m building a site for my client http://cameronsblinds.com.au and they have insisted on specific header text which i have added using a header widget… however, I’m having heaps of issues getting it to stay ‘fixed’ in position but re-size responsively for mobile..

    I’ve used the following style css which works fine on my macbook pro 15″ retina, but it’s way out of position on the mobile and hasn’t resized…
    It’s important that it works on mobile because it has a phone number that my client wants visible.

    #header .widget {
    position:absolute;
    padding: 15px;
    right: -19%;
    top: 3%;
    background-color: #b02b2c;
    transform: translate(-50%);
    z-index: 9999;
    overlap: hidden;
    }

    Is there a way that I can have it stay in position and resize for mobile so it is in the right side of the header?

    Cheers

    Tian

    • This topic was modified 8 years ago by TeeJay2000.
    #599844

    Hey TeeJay2000!

    it’s the red one, right? this widget is huge. How does the result look like? can you provide us a mockup please? use imgur.com or dropbox.

    Best regards,
    Andy

    #600000

    Yeah, it’s (the red text box) probably too big… it’s fine on desktop but i need to figure out a solution for mobile… I originally added css to remove it from the mobile view but my client wasn’t happy with that so i need to try to figure out a compromise…

    Is there a way that I can get it to fix in position on the desktop but display underneath the logo in mobile view without it overlaying the body content… so effectively, it would push the content down accordingly?

    #600081

    Hey!

    The design seem to have changed we see the red text box in content area instead of the header as mentioned earlier… please let us know if you need any help with it.

    Best regards,
    Vinay Kashyap

    #600083

    Hi Vinay,

    Yes, i convinced my client that it wasn’t going to work and she is happy with the outcome…

    Thanks for your reply!

    T

    #600174

    Hey!

    Ok! Glad your client liked it :)
    If you need any help for other issues please feel free to contact us.

    Regards,
    Vinay Kashyap

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Header widget responsive issues’ is closed to new replies.