Viewing 12 posts - 31 through 42 (of 42 total)
  • Author
    Posts
  • #475784

    Hi!

    by the way you are missing the dots!! try this code instead:

    .page-id-14 .av-subnav-menu > li { padding: 2px 0; }
    
    .page-id-14 .av-subnav-menu > li { padding: 2px 0; }
    
    .postid-92 .av-subnav-menu > li { padding: 70px 0; }
    

    Regards,
    Andy

    #475905

    Hi.

    Yes, it’s meant to be page-id-16.
    I’m afraid the code with page-id’s doesn’t work either. The submenu just acts strange when the header is transparent and I can’t understand why.

    If you can come up with a solution, please let me know. Otherwise maybe I just have to forget about the transparent header. :-/

    Thanks,

    Eva

    #476228

    Hi!

    It’s not working because “#top” is also the id of the body tag. We updated the code above.

    Best regards,
    Ismael

    #478403

    Hi.

    Thank you for the reply. I added the updated code, but again no luck, as you can see on the link. Could you possibly have a look at the quick css code and see if you can maybe spot something that doesn’t look right?

    Thanks again.

    #480055

    Hey!

    Use this:

    .postid-92 .av-subnav-menu > li {
      padding: 2px 0 !important;
    }

    Cheers!
    Ismael

    #485089

    Hi Ismael.

    Thank you for this. It worked OK. Only issue I have is that because the fullwidth submenu is too long, on smaller screens the second line is way too low as you can see on the attached link.
    If there’s an easy code to fix this, please let me know.
    Otherwise, I might try and reduce the size of the submenu.

    Thanks again!

    Eva

    #485325

    Hey!

    you could try to use this code to control the menu items in question:

    li#menu-item-77 {
    top: -130px;
    }
    li#menu-item-76 {
    top: -130px;
    }
    li#menu-item-75 {
    top: -130px;
    }
    li#menu-item-74 {
    top: -130px;
    }
    li#menu-item-465 {
    top: -130px;
    }
    

    Best regards,
    Andy

    #486346

    Hi.

    Thanks for your reply. Unfortunately this works only for a specific screen size. On larger screens those menu items don’t appear at the correct location. :-(

    Regards,

    Eva

    #486376

    Hi!

    then you need to wrap and adjust my code into media queries.

    Cheers!
    Andy

    #486452

    Hi.

    Thanks for the advice.

    I believe there is a fault in the theme when you have fullscreen slider, fullwidth submenu and transparent header. Maybe something to look into & fix for the next update?

    I am currently making another website using Enfold theme again, as I do really think it’s one of the best. I created a page to test the fullwidth submenu / transparent header situation. Since I don’t have a lot of info on this website yet and not many plugins installed I thought i’ll test it out. As you see on the link attached the submenu appears above the header instead of below.

    Regards,

    Eva

    #486470

    Hey!

    is this related to this thread? if not please open a new ticket, as this thread is growing huge already.

    On the link you have provided I see that the menu is below header, not the other way, which looks totally fine to me.

    Regards,
    Andy

    #486571

    It is related to this thread. I am very grateful of all the help you’ve provided, however I feel that there is something wrong with the fullwidth submenu, fullscreen slider & the transparent header and it seems like it is not going to be resolved.

    I will need to change the design as it doesn’t seem to be an available solution.

    Thank you.

    Kind Regards,

    Eva

Viewing 12 posts - 31 through 42 (of 42 total)

The topic ‘Full width submenu with transparent header’ is closed to new replies.