Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • August 5, 2015 at 4:05 pm #483440
    kimgaba12

    Hi,
    Is it possible to add this shortcode next to my logo in the top? [wpdreams_ajaxsearchpro id=1]

    //Kim

    Here are my site: http://www.littlethings.dk

    August 5, 2015 at 7:52 pm #483561
    Elliott

    Hi kimgaba12!

    Do this, http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/, to add a widget area to your header and then drag a text widget to it and add the shortcode inside.

    Regards,
    Elliott

    August 6, 2015 at 12:21 am #483628
    kimgaba12

    Hi Elliott,

    I try using that metode, the problem is that the widget area, is over the logo – And not next to the logo.

    Can css maybe fix it?

    Regards,

    Kim

    August 6, 2015 at 3:22 pm #483939
    Yigit

    Hey Kim!

    Seems like you have removed widget area from header. CSS can fix it. Please add it once again and let us know so we can take a look.

    Best regards,
    Yigit

    August 6, 2015 at 4:23 pm #484000
    kimgaba12

    Hey Yigit,

    I have add the widget area again, do i need to put a widget in?

    Best regards

    Kim

    August 6, 2015 at 4:25 pm #484002
    Yigit

    Hey!

    Yes, so we can see the issue and provide you an accurate custom CSS code.

    Regards,
    Yigit

    August 6, 2015 at 4:30 pm #484005
    kimgaba12

    Hey :)

    I did it now :)

    Regards,

    kim

    August 6, 2015 at 4:40 pm #484016
    Yigit

    Hey!

    Please add following code to Quick CSS 

    #header .widget {
    width: 70%;
    position: relative;
    left: 50%;
    margin-bottom: -90px;
}

    and adjust the values as needed.

    Cheers!
    Yigit

    August 6, 2015 at 5:01 pm #484031
    kimgaba12

    It looks really great!! Thanks :)

    Is it possible to move it under the logo in mobile view?

    Best regards

    Kim

    August 7, 2015 at 9:02 am #484344
    Ismael

    Hi!

    Use a css media query to adjust the position on mobile screens:

    @media only screen and (max-width: 767px) {
#header .widget {
    width: 100%;
    position: absolute;
    left: 10%;
    top: 100px;
}}

    Cheers!
    Ismael

    August 7, 2015 at 1:04 pm #484511
    kimgaba12

    Works great!

    Thanks a lot!!

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Searchbar aside the logo.’ is closed to new replies.