Hi abc,
The way this works was updated to be more consistent – please change the menu click width option to set the width as this is needed now.
All the best
Thread Starter
abc_l
(@abc_l)
Hi,
After changes the width, everything is back! However, now when i clicked on the Menu, it should turn into a X and display it at the far right end (I have the turn into X checked).
Instead, now it display as a horizontal bar and eat up the space of my image.
Please advice.
Best regards,
abc
Hi abc,
Please provide a URL so I can check.
All the best
Thread Starter
abc_l
(@abc_l)
Hi,
Thanks for the quick reply.
My site is bb901.com
Looking forward for your propitious reply!
Best regards,
Abc
Hi Abc,
It appears that your whole click menu is the size of the image below:
http://bb901.com/wp-content/uploads/2015/10/Header-Logo-Black-White-Mobile-V4.jpg
As such the click menu part will always be this length, even when you click on it to use the “x”.
Can I ask why you are using the whole header image as the click button, it would be better to do the following:
1. Create the header as normal.
2. Use the click button menu just as the menu (3 lines)
3. Set the Click Trigger to be the whole header bar.
All the best
Thread Starter
abc_l
(@abc_l)
Hi,
Thanks for the advice!
However, the reason why i am using the whole header image as the click button is because my Desktop version is having a big header logo. If the mobile is using the same logo, the logo will overlap my content.
So i have no other alternative but to revert to this solution.
BTW, is there a way i can customize the Menu bar when clicked, the horizontal bar will become a small square box with ‘X’ and display at the end of right hand side. Maybe there is a CSS code I could use in this context? So the end result will be the same as the previous version.
Really looking forward for your kind advice.
Warmest regards,
abc
Thread Starter
abc_l
(@abc_l)
Hi,
Is there any workaround to fix the problem?
For your kind advice!
Best regards,
abc
Hi abc,
So sorry for the delay, this appears to work for me but please try it out and let me know.
Add the following to your custom CSS option or theme stylesheet:
body #click-menu img, #click-menu .threeLines
{
width: auto !important;
}
All the best
Thread Starter
abc_l
(@abc_l)
Hi,
Thanks for the propitious reply!
Have added the code but there’s no changes to the Menu bar, i have left the code inside the CSS if you need to look at it.
Looking forward for your next advice!
Best regards,
abc
Hi abc,
Sorry about that I put the body part in the wrong place, please just try the following instead (replacing the old one):
body #click-menu .threeLines
{
width: auto !important;
}
Apologies again!
Thread Starter
abc_l
(@abc_l)
Hi,
Awesome!!
It works perfectly!!! Thank you so much for your kind advice and time, sincerely appreciated..!!
Hope you have a fantastic days ahead full of wonderful surprises..!! 😉
Warmest regards,
abc
Hey abc,
Thanks for confirming and glad it worked for you!
All the best ahead and if you need anything else in future please let me know!
All the best
