Return to previous page

Vertical and horizontal mobile menu alignment

This topic has 9 replies, 2 voices, and was last updated 2 years ago ago by LMcompany

  • Avatar: LMcompany
    LMcompany
    Participant
    October 20, 2022 at 18:26

    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

    #337019 Copied Theme version: 8.3.5
    8 Answers
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    October 21, 2022 at 07:59

    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.

    #337045 Copied
    Avatar: LMcompany
    LMcompany
    Participant
    October 21, 2022 at 08:22

    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

    Please contact administrator
    for this information.
    #337048 Copied
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    October 21, 2022 at 10:27

    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.

    #337062 Copied
    Avatar: LMcompany
    LMcompany
    Participant
    October 25, 2022 at 09:40

    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

    #337272 Copied
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    October 25, 2022 at 10:19

    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.

    #337277 Copied
    Avatar: LMcompany
    LMcompany
    Participant
    October 25, 2022 at 10:22

    I am logged you from Wodpress, you can work.

    Thank you

    LM

    #337278 Copied
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    October 25, 2022 at 11:11

    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.

    #337280 Copied
    Avatar: LMcompany
    LMcompany
    Participant
    October 26, 2022 at 08:08

    Thank you very much.

    Best regards

    LM

    #337351 Copied

  • Tagged: , , , , , , ,

  • Viewing 9 results - 1 through 9 (of 9 total)

The issue related to '‘Vertical and horizontal mobile menu alignment’' has been successfully resolved, and the topic is now closed for further responses

8theme customization service

Helpful Topics

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Restaurant – WordPress Theme
lazy-placeholder
Concert Store – WordPress WooCommerce Theme
lazy-placeholder
Digital Marketing – WordPress WooCommerce Theme
lazy-placeholder
Real Estate – WordPress WooCommerce Theme
lazy-placeholder
Makeup Store – WordPress WooCommerce Theme
lazy-placeholder
School – WordPress Theme
lazy-placeholder
Burger Store – WordPress WooCommerce Theme
lazy-placeholder
Minimal Fashion Store – WordPress WooCommerce Theme
lazy-placeholder
Pet Shop – WordPress WooCommerce Theme
lazy-placeholder
Engineer Store – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.