Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 8, 2017 at 11:38 am #874111
    OlivierCharlot

    Hi,
    I use a 80 px menu if I remember well, and I added a 80 pixels transprent height to my slider images (png format).
    While working well for given screens (1580 px for instance) it works poorly on wider and more narrow screen as the 80px blank part of the image gets resized. Result: the menu bar does not match with the top part of the slider image.

    What would you recommend to sort this out:
    – do not use a transparent header and remove the 80px blank part
    – use some CSS code to ensure that there is no image in the first 80px of the screen on pc version
    – or any other advice

    Thanks for your help, and best regards,
    Olivier.

    November 10, 2017 at 2:57 pm #875170
    Victoria

    Hey OlivierCharlot,

    You can have it like this.

    
#header_main .container.av-logo-container {
  background-color: transparent;
}

    If you want the transparent header, let us know.
    Best regards,
    Victoria

    November 22, 2017 at 4:20 pm #880347
    OlivierCharlot

    Dear Victoria,

    I worked and now it does not anymore…

    But it didn´t quite fix the issue: the menu area became transparent (better than white) but then the orange bar below the menu tab was still stepping into the slider. Depending on the screen definition the slider height varies, and I do not find any way to have the slider start right below the orange bar below the menu tabs.
    Any advice or CSS code for this???

    I thought about modifying the sliders to move to non transparent header, but I do not reach the expected result either that way, and the orage tab keeps moving above or inside the image slider depending on the screen resolution I use.

    Thanks and best regards,
    Olivier.

    November 24, 2017 at 1:12 pm #881162
    Victoria

    Hi Olivier,

    This is how the transparent menu works, it has to have a slider below it. And so the current page indicator is on the slider too.

    So do you need the header to be completely transparent?

    Best regards,
    Victoria

    December 15, 2017 at 1:21 pm #889283
    OlivierCharlot

    Hi Victoria,
    Today my round logo is bigger than the slider heigh on all pages except the home page. So transparency is a must. But I consider changing this, and I could use non transparent headers.

    I made trials on a trial page with non transparent header and specific slider, but I could not make the image start right at the level of the orange bar below my main menu items.
    How should I set things up so that to always work on all screen sizes? I guess there are things to set in the menu options and in the specific slider settings. And I remember some adjustment on the space at the top of each page. Is that right and what do you recommend?

    Many thansk for your support, and best regsards,
    Olivier.

    December 18, 2017 at 5:34 pm #890100
    Victoria

    Hi Olivier,

    Could you please attach a mockup of what you’re trying to achieve?

    Best regards,
    Victoria

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