Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 15, 2017 at 5:25 pm #877166
    explorer

    Good Morning. I would like to create a custom header with a logo that overlaps both menu bars (main and secondary).

    I need help with the following:

    1) I want the top bar (with phone) to be rust with white text.
    2) I want the main menu bar to be grey with rust text.
    3) I want the logo to be large (as shown) and overlap both menu bars (I added the large background logo in the LayerSlider).
    4) I want the bottom bar to be transparent (75-80%), and the rust text to be centered. So, I need to know how to: Add a transparency setting to a box in a LayerSlider banner, and center text in a LayerSlider banner.

    Currently, I’ve added two logos: one in the Theme Options and the other in a LayerSlider. Obviously, I don’t need both, I’m wondering if there is a way to not upload a logo in the Theme Options and add a larger logo into the LayerSlider… or if it’s better to custom code the logo/banner altogether?

    Thanks so much!

    November 16, 2017 at 7:32 pm #877689
    Victoria

    Hey Allyson,

    Could you please attach a mockup of what you’re trying to achieve?
    Do you want to hide the logo from the Layer Slider or the one from the theme header?

    Best regards,
    Victoria

    November 29, 2017 at 9:33 pm #883191
    explorer

    Hi Victoria, I actually figured out an alternative solution for the logo area.

    However, I would like help creating a more defined shadow under the logo area. All the solutions posted on the forum result in a similar line.

    I also need to add the Live Inventory to the new website (#1), and I want it to be full width as shown in the live website (#2).

    Thanks in advance for your help.

    December 2, 2017 at 6:59 pm #884173
    Mike

    Hi,
    Try changing your iframe width and height to show the full area of the page you would like to see, such as: width=”1000″
    Then set the scale of the iframe so it will scale down to the size you would like.
    To do this try this code in the General Styling > Quick CSS field:

    .black {transform: scale(.5,.5)!important; }

    Please see screenshot in Private Content area

    Best regards,
    Mike

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