Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 1, 2016 at 8:57 pm #576010
    abundancing

    Hi there,

    How can I add an image and link to the right side of the header block? I want it to be parallel to the logo on the left, but all the way on the right.
    Here is a mockup: Header Mock Up

    February 2, 2016 at 2:30 am #576161
    Elliott

    Hey abundancing!

    Try this out, http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/, and then drag a text widget to your header widget area.

    Best regards,
    Elliott

    February 2, 2016 at 4:29 am #576215
    abundancing

    Thank you Elliot. That worked. However, the mobile view is messed up because the logo overlaps with the new image. How do I fix that?

    Thanks, Dayna

    February 3, 2016 at 4:29 am #576834
    Elliott

    Hi!

    You mean the mobile menu? Are you wanting to hide it on mobiles? Or move it more to the center?

    There isn’t enough space for all three it looks like so take a screenshot and highlight what your trying to do with it on mobiles and we’ll give you some CSS to use.

    Best regards,
    Elliott

    February 4, 2016 at 7:59 pm #578024
    abundancing

    Hi Elliot. What I would like is for the Digital Media Center image to appear below the Main logo in the mobile view. As you can see here in the attached screenshot, they overlap on top of each other. I would be grateful if you could provide the CSS to accomplish this.

    Also, there is a huge space below the slider on the mobile view. Can this be fixed?

    Thank you!
    mobile view screen shot

    February 6, 2016 at 5:58 am #578950
    Elliott

    Hey!

    That’s weird, I don’t see it on my Moto e 2nd gen. What mobile device are you using? If it’s an Android phone then be sure your using the official Chrome browser.

    Best regards,
    Elliott

    February 6, 2016 at 8:43 pm #579049
    abundancing

    I am using an iphone 6 with safari.

    Also, just saw that on my macbook pro and safari the image on the right that I added with custom widgets appears very small. I’ve attached a screenshot – look closely in the upper right and you can see a very small version of the image. Why is this happening?

    screenshot

    February 9, 2016 at 3:53 am #580048
    Elliott

    Hi!

    It’s because of the CSS your using on the header widget. Try this out instead.

    #header .widget {
    right: 20px;
    padding-top: 0;
    position: absolute;
    top: 20px;
    z-index: 999;
}

    I don’t have an iOS device so I’ll flag this for the rest of our team to check on iOS.

    Best regards,
    Elliott

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