Header Right Widget Area – Menu & Social Icons

Homepage › Community Forums › Epik Theme Support › Header Right Widget Area – Menu & Social Icons

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • May 23, 2013 at 12:42 am #4807
    golvwine
    Customer

      Hi,

      Please see my site’s homepage here: http://www.livermorewineriesapp.com/

      I’d like to have the social icons (using Simple Social Icons) to the right of the menu selections in the Header Right widget area. Right now it’s breaking them into two separate lines. Can you advise on how to do this?

      Thanks!

      Paul

      May 23, 2013 at 7:56 am #4811
      Exkalibur
      Customer

        I´m also interested on that matter. By the way golvwine, what plugin did you use for do this amazing slider? is the genesis responsive slider? Thank you.

        May 23, 2013 at 11:49 am #4813
        golvwine
        Customer

          Exkalibur,

          I’m using LayerSlider plugin: http://codecanyon.net/item/layerslider-responsive-wordpress-slider-plugin-/1362246

          Another one I recommend that I’m using on a separate site is Slider Revoluion: http://codecanyon.net/item/slider-revolution-responsive-wordpress-plugin/2751380

          Layerslider has better slide transitions and user interface, however I think slider revolution has better layer animations. Either option is good, just check out the live previews for samples to judge for yourself.

          Genesis slider is very basic and doesn’t have layering capability.

          May 23, 2013 at 12:00 pm #4818
          Eric
          Customer

            It looks like you got it working?

            For anyone else, the title-area and the widget-area both have to be sized to fit within the 1152px width….otherwise the widget-area will fall off to the next line. So do a search in your css file for the #title-area and the #header .widget-area and make sure they both do not exceed 100% in width. If you’re using an image for your logo, you’ll need to look for this – 

            .header-image #title, 
.header-image #title a, 
.header-image #title-area {
    display: block;
    float: left;
    min-height: 120px;
    overflow: hidden;
    text-indent: -9999px;
    width: 50%;
}

            I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com

            May 23, 2013 at 1:03 pm #4820
            golvwine
            Customer

              No actually it’s not working yet. If you look at my site, the social icons are below the line where I want them to be instead of inline. This could be because the widget area is set up in a vertical fashion. Is there a way to have them side by side instead of stacked?

              May 23, 2013 at 10:23 pm #4826
              Eric
              Customer

                If you’re referring to having each widget float next to each other instead of “stacking” then you can look for – #header .widget in your css and add float: right or left….then make adjustments from there (like padding, margin, etc)

                I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com

                May 23, 2013 at 11:35 pm #4829
                golvwine
                Customer

                  OK thanks, I figured it out with your suggestion!

                  May 24, 2013 at 12:37 pm #4837
                  Eric
                  Customer

                    You’re Welcome

                    I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com

                  • Author
                    Posts
                  Viewing 8 posts - 1 through 8 (of 8 total)
                  • The topic ‘Header Right Widget Area – Menu & Social Icons’ is closed to new replies.