Banner hiding menu option

  • Resolved francescae

    (@francescae)


    4 years, 9 months ago

    Hi, the banner that I have created unfortunately hides the top of the webpage and therefore covering up the menu dropdown option.

    This means that customers cannot navigate from the page they are on, to another page. This in on a mobile phone display. It’s a shame there isn’t an option for a cross so that once customers have read it they can click cross and it will go.

    Thanks
    Francesca

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author rpetersen29

    (@rpetersen29)

    So you’re going to want to set your banner position to fixed and then in Website Custom CSS:

    header.et-l.et-l--header {
    margin-top: 43px;
}
.et_pb_section_0_tb_header.et_pb_section {
    margin-top: 43px;
}

@media (max-width: 1283px){
header.et-l.et-l--header {
    margin-top: 67px;
}
.et_pb_section_0_tb_header.et_pb_section {
    margin-top: 67px;
}
}

@media (max-width: 656px){
header.et-l.et-l--header {
    margin-top: 90px;
}
.et_pb_section_0_tb_header.et_pb_section {
    margin-top: 90px;
}
}

@media (max-width: 459px){
header.et-l.et-l--header {
    margin-top: 112px;
}
.et_pb_section_0_tb_header.et_pb_section {
    margin-top: 112px;
}
}

    Let me know how that works

    Thread Starter francescae

    (@francescae)

    Hi,

    Thank you, it is much better than it was!

    I really appreciate the help.

    Francesca

    Plugin Author rpetersen29

    (@rpetersen29)

    Great! Glad it worked.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Banner hiding menu option’ is closed to new replies.