This topic has 9 replies, 2 voices, and was last updated 2 years, 2 months ago ago by LMcompany
Hi,
Can I align the contents of the Mobile Menu vertically in the middle and horizontally to the right?
I would also like to move the X to close the menu from outside to inside the mobile menu, in the top right-hand corner.
Screenshot: https://www.awesomescreenshot.com/image/33614807?key=c723765e6c1954220f197bfc656e4bec
Also, I changed the leader template and the logo can no longer be seen. I have changed it several times, but it no longer appears.
Thank You
Kind regards
LM
Hello, @LMcompany,
1- Thanks for the screenshot I have understood your issue.
Now, In order to solve your issue simply go to the Dashboard >> XStore >> Theme Settings >> Theme Custom CSS >> Global and paste the below code at the bottom of the CSS box there.
@media(max-width:768px){.children-align-inherit .et_b_header-logo{margin-top:35% !important;}
span.et-toggle.pos-absolute.et-close.full-right.top{right:0px !important;}
.et-mini-content-opened .et-content_toggle .et-toggle{pointer-events:initial !important;}
}
Then save settings and check back to your site after clearing the browser cache. The result will be appear like this: https://postimg.cc/3WWRTMPy
2- For the header template issue please share your site wp-admin URL and access the private content area of this topic by following the below-given format
WORDPRESS ADMIN URL:
WORDPRESS ADMIN USERNAME:
WORDPRESS ADMIN PASSWORD:
So that I will check and fix your issue on your site.
Note: Please take a complete backup of your site first and allow us to debug your site and change/remove the plugins to solve your issues.
Regards 8Themes Team.
Hi,
yes the left margin and the X work, but I would also like the alignment to the right of the menu etc.
Now on mobile it’s gone Mobile Panel and the Burger menu, it pretty much shows the narrow version of the desktop header…
Thank you
Kind regards
LM
Hello, @LMcompany,
I have logged into your site and finds when logged in the header shows like the Desktop version on mobile as well and when logged out, the header shows like the mobile version on Desktop as well. So it’s vice versa and it seems to be the conflict with any third-party plugin or the cache issue or might be because of the Child Theme.
So please first of all take the complete backup of your site and then check with activating the Parent Theme, if the header will appear fine with logged in and out version then let me know the result and if not then, please try to disable all the third party plugins on your site and check back and let me know the result if that works, Otherwise, please remain all the third party plugins deactivated on your site and provide me the permission to debug your site which includes deactivating all the third party plugins and on-site Customization as well so that I will further investigate it for you.
Regards 8Themes Team.
Hi,
I activated HTTPS and now the header and logo are correct. It was a problem with HTTPS.
How do I then align the menu on the mobile menu to the right and add the registration option (there is login but no registration, both on the computer and the phone)?
Thank you
Kind regards
LM
Hello, @LMcompany,
I was debugging your site and I see that at the same time you also start working on the site changes are made automatically so it will conflict and cause unexpected issues on the site. If you don’t mind then please wait and confirm with us here so I will start to debug your issue to find the cause and fix it.
Waiting for your reply.
Regards 8Themes Team.
I am logged you from Wodpress, you can work.
Thank you
LM
Hello, @LMcompany,
1- By adding this custom CSS code in the theme options the header issue is resolved. check the image: https://postimg.cc/Lq0dq3f1
2- With the help of custom CSS code I have set the content to the right side check the image: https://postimg.cc/XGpR910b
3- Regarding the header issue the mobile one appears on the desktop and the desktop one appears on mobile is a cache issue. I can see that your site is loading from the cache and CDN/Cloudflare is activated on your site check the image: https://postimg.cc/D4rVjWpf so in order to solve your issue you have to contact your service provider to flush the server cache and disable the CDN/Cloudflare till you site is in the development mode.
Regards 8Themes Team.
Thank you very much.
Best regards
LM
Tagged: alignment, horizontal, menu, mobile, template, vertical, woocommerce, wordpress
The issue related to '‘Vertical and horizontal mobile menu alignment’' has been successfully resolved, and the topic is now closed for further responses