Tagged: ,

Viewing 12 posts - 31 through 42 (of 42 total)
1 2
  • Author
    Posts
  • July 20, 2015 at 1:36 pm #475784
    Andy

    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

    July 20, 2015 at 4:04 pm #475905
    evdesignstudio

    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

    July 21, 2015 at 12:38 am #476228
    Ismael

    Hi!

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

    Best regards,
    Ismael

    July 24, 2015 at 10:19 pm #478403
    evdesignstudio

    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.

    July 29, 2015 at 7:56 am #480055
    Ismael

    Hey!

    Use this:

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

    Cheers!
    Ismael

    August 10, 2015 at 8:53 am #485089
    evdesignstudio

    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

    August 10, 2015 at 2:28 pm #485325
    Andy

    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

    August 12, 2015 at 9:42 am #486346
    evdesignstudio

    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

    August 12, 2015 at 10:47 am #486376
    Andy

    Hi!

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

    Cheers!
    Andy

    August 12, 2015 at 12:26 pm #486452
    evdesignstudio

    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

    August 12, 2015 at 12:47 pm #486470
    Andy

    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

    August 12, 2015 at 2:23 pm #486571
    evdesignstudio

    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

  • Author
    Posts
Viewing 12 posts - 31 through 42 (of 42 total)
1 2
  • The topic ‘Full width submenu with transparent header’ is closed to new replies.