Mobile Settings

Hi,

Can you tell me
1) How do I change the menu order/remove the “Wishlist” and “Login/Register” links on the side menu of the mobile menu? I can’t seem to find it from the Menu settings. See image IMG_3556.

2) How to bring the logo and menu higher on the page, it’s too far down now. See image IMG_3557.

Thank you.

Adding the attachments.

Attachments:

You must be logged in to view attached files.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

.mobile-nav ul li.wishlist {
display:none;
}
.mobile-nav ul li.login-side-opener{
display:none;
}

Please provide your valid site URL I will check the possibility to move the logo.

Best Regards

Hi Elise,

1) Resolved.

2) Our login details are below, thanks.

Hello,

Here is your header on mobile https://prnt.sc/p2iobb what you want to move and where?

Best Regards

Hello,

The problem only appears on the checkout page and the order success page.

Hello,

I still cannot figure out what is wrong with the mobile menu on checkout: https://prnt.sc/p2u9pj

Best Regards

Hi Elise,

Please see screenshot here, hopefully this makes more sense. https://prnt.sc/p2ym4o

Hello,

I am checking on a mobile device, on emulators and do not see the problem http://prntscr.com/p305xs

If you watch in the browser by narrowing, update the page and check.

Best Regards

Hi Elise,

The problem only appears on certain pages – the checkout pages.
Please see links below in private content area.

I have just cleared my cache on the mobile phone and tried again, I still see the same problem.

Hello,

I have checked both pages and provided the screen for the cart page only. Now I provide the screen for the checkout page http://prntscr.com/p30ucu

Best Regards

Hi Elise,

I believe I have found where the problem is.

When you visit the page for the first time, the header banner will be displayed right at the top. In my case, I did NOT click on the “x” button to dismiss the header message.

On the checkout page, I have hidden the header banner using css via the code below:-
.header-banner { display: none !important; }

However, it looks like although the header banner cannot be seen, it is still taking up “space” on the page, which is why the logo keeps getting pushed down.

If I were to click the “x” button and dismiss the header message from the beginning, this issue will not happen.

Is there a way to hide the header banner AND prevent it from taking up space on the page as well?

Thank you.

Hello,

Please add this code to the Theme Settings > Custom CSS > to the device where you want to hide:

body.woocommerce-checkout .header-banner{
display:none;
}

Best Regards

Hi Elise

Unfortunately this doesn’t seem to work. I added your code everywhere – “Custom CSS for desktop”, “Custom CSS for tablet”, “Custom CSS for mobile”, etc. etc. but it didn’t seem to solve the problem.

Hello,

Try to add this code as well:

body.woocommerce-checkout .header-banner-display .website-wrapper {
    margin-top: 0;
}

Best Regards

Hi,

No it didn’t work as well. I added both codes to global css. My support period is only until 12th September, so hopefully we can resolve this on time. Thanks.

Hello,

I do not see the problem now https://prnt.sc/p4a5v3

As you see there is no gap between the logo and site top.

How can I reproduce the problem if any?

Best Regards

Hi Elise,

I am quite confident that the problem is still there.

Please use the following steps to reproduce:-

1) On your phone, please clear your cache and browsing history.
2) Start a private browsing session.
3) Go to the link in private content area. DO NOT close the purple header message.
4) Add an item to your cart.
5) Click and go to Checkout page.

You should still see that gap because it is for some reason, trying to create some “space” for the header message although it is not supposed to be there.

Hello,

Please add this code to the Theme Settings > Custom CSS > Mobile:

body.woocommerce-checkout.header-banner-display .website-wrapper  {
 margin-top: 0;
}

Best Regards

Hi Elise,

This solution is perfect! Thank you so much! 🙂

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts