Home Forums Basel – Premium Template Mobile Settings

This topic contains 20 replies, has 2 voices, and was last updated by Elise Noromit Elise Noromit 2 months, 3 weeks ago.

Viewing 21 posts - 1 through 21 (of 21 total)
  • Author
    Posts
  • #137546

    joywithjo
    Customer

    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.

    #137547

    joywithjo
    Customer

    Adding the attachments.

    Attachments:
    You must be logged in to view attached files.
    #137605

    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

    #142315

    joywithjo
    Customer

    Hi Elise,

    1) Resolved.

    2) Our login details are below, thanks.

    Private Content Hidden
    #142328

    Hello,

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

    Best Regards

    #142387

    joywithjo
    Customer

    Hello,

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

    Private Content Hidden
    #142440

    Hello,

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

    Best Regards

    #142472

    joywithjo
    Customer

    Hi Elise,

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

    #142493

    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

    #142495

    joywithjo
    Customer

    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.

    Private Content Hidden
    #142501

    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

    #142579

    joywithjo
    Customer

    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.

    #142631

    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

    #142853

    joywithjo
    Customer

    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.

    #142878

    Hello,

    Try to add this code as well:

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

    Best Regards

    • This reply was modified 2 months, 4 weeks ago by Elise Noromit Elise Noromit.
    #142931

    joywithjo
    Customer

    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.

    #142973

    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

    #143050

    joywithjo
    Customer

    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.

    Private Content Hidden
    #143133

    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

    #143143

    joywithjo
    Customer

    Hi Elise,

    This solution is perfect! Thank you so much! 🙂

    #143152

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

    Best Regards

Viewing 21 posts - 1 through 21 (of 21 total)

The topic ‘Mobile Settings’ is closed to new replies.