Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • August 25, 2015 at 3:14 pm #492964
    bigideasonline

    i added a widget to the header area using a function provided by one of your threads. works great.

    i got it where i want it using this css

    #header .widget {
    left: 80%;
    padding-top: 0;
    position: absolute;
    top: 0;
    transform: translate(-50%);
    font-size: 11px;
    }

    but now it is not responsive. http://www.bigideasweb.com
    also, i working on a partner/logo slider and added quite a few pictures. i had to delete the pics and readded. now it does not function/slide. at the same time the when i am using the advanced layout the text for visual is all white and i cannot see it. i can see it if i click on text tab, but not visual. it is as if the text is white font color. any help would be greatly appreciated. i will go ahead and add another partner/logo element and see if that works.

    August 25, 2015 at 3:20 pm #492978
    bigideasonline

    added another partner/logo element. works fine now and so does visual editor.
    still need help with responsive custom widget header css please.

    August 25, 2015 at 6:25 pm #493144
    bigideasonline

    by the way, the visual text editor is displaying white text again, however, i started a new topic for this.

    August 26, 2015 at 9:34 am #493363
    Rikard

    Hi,

    You have a lot of text there so it might be a bit difficult to accommodate everything on small screens, but try the following: 

    @media only screen and (max-width: 900px) {
#header .widget {
    left: 45% !important;
    transform: translate(0%) !important;
}
}

    Use the following to control the font size:

    #header .textwidget {
font-size:10px !important;
}

    Best regards,
    Rikard

    August 26, 2015 at 2:43 pm #493565
    bigideasonline

    thanks… kinda works. i will play with it. any way to make it work like a block and it pushes below logo like i have it on http://www.aromacoffeeservice.net

    August 26, 2015 at 3:31 pm #493604
    Yigit

    Hey!

    Link in your last post shows only whitescreen on my end. Can you please check the link once again?

    Cheers!
    Yigit

    August 26, 2015 at 3:45 pm #493625
    bigideasonline

    Oops sorry. http://aromacoffee.net/

    August 27, 2015 at 6:46 am #493940
    Rikard

    Hey,

    Since the widget is displayed absolute it will take some fiddling, you will most likely have to make the header higher as well if you want a result like that.

    Regards,
    Rikard

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