-
AuthorPosts
-
November 21, 2017 at 8:36 am #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
November 22, 2017 at 6:35 am #880091Hello,
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.
November 22, 2017 at 9:43 am #880129Using 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,
November 23, 2017 at 9:24 pm #880945Hi,
I loaded your site and I can see it properly, have you fixed it?
Best regards,
BasilisNovember 25, 2017 at 2:20 am #881453Hi 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.
November 25, 2017 at 6:11 pm #881689Hi,
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,
MikeNovember 26, 2017 at 4:52 am #881829Thanks, 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!
November 26, 2017 at 11:01 am #881855 -
AuthorPosts
- The topic ‘Full width Sub Menu Positioning’ is closed to new replies.