Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #879551

    Hi,

    I previously posted this question and your support provided me with some CSS to position the menu to sit in line with the contents underneath. I have since changed the margins of the contents and now the last menu item sits too far to the right and needs to be in line with the image underneath.

    I tried adjusting the % on the original CSS used to no avail.

    Hope you can assist again.

    https://kriesi.at/support/topic/main-menu-full-width-sub-menu/#post-872766

    #880091

    Hello,

    I have modified the content below the menu on this page, but still, require support to ensure menu sits in line with content below.

    I would also like to enable the button menu on mobile devices. I have ticked this box in the submenu settings but it only shows on Ipone, not iPad.

    Can you pls advise the best way forward.

    Thank you.

    #880129

    Using the following CSS I have managed to move all but one menu items into the required position.

    .page-id-622 #menu-item-2984 {left: -1%!important; }
    .page-id-622 #menu-item-2420 {left: -1%!important; }
    .page-id-622 #menu-item-1324 {left: -1%!important; }
    .page-id-622 #menu-item-2421{left: -1%!important; }

    However the first menu item “Kesley Hutchinson Studio” needs to move to the left to be in line with the image below it. Perhaps I have the incorrect menu item # for it as it’s not budging?

    .page-id-622 #menu-item-2189{left: -50%!important; }

    Thanks,

    #880945

    Hi,

    I loaded your site and I can see it properly, have you fixed it?

    Best regards,
    Basilis

    #881453

    Hi there,

    Still out in my view. https://www.dropbox.com/s/r6qtijayb5pnfbo/KHS-Menu.JPG?dl=0

    Hoping for the first menu items “Kesley Hutchinson Studio” to sit more to the left, so in line with the image below it.

    Have I used the correct CSS .page-id-622 #menu-item-2189{left: -5%!important; } – as it doesn’t seem to move it at all. Perhpas the menu item is incorrect?

    Thanks for your support. Greatly appreciated.

    #881689

    Hi,
    The reason why your new code in your General Styling > Quick CSS field:

    .page-id-622 #menu-item-2189{left: -5%!important; }

    was not working is because you had this code in your WP Customizing > Additional CSS:

    .page-id-622 #menu-item-2189 {left: -43%!important; }

    I removed the General Styling > Quick CSS code & changed the WP Customizing > Additional CSS code to:

    .page-id-622 #menu-item-2189 {left: -45%!important; }

    and it seems right now, Please clear your cache and check.

    Best regards,
    Mike

    #881829

    Thanks, Mike – appreciate the support. I must have forgotten that I applied it to both areas.

    All working on my end, pls close the ticket.

    Great theme – brilliant support!

    #881855

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    Best regards,
    Mike

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Full width Sub Menu Positioning’ is closed to new replies.