Okay
  Public Ticket #3144806
Mobile view
Closed

Comments

  •  16
    alis_andreea started the conversation
    October 12, 2022 at 1:07pm

    Hi, me again,

    Can you help me adjust some details on mobile please?

    1. The 3 lines menu icon, can I change it with the word Shop? I would like to make it look like a button or maybe just the word shop would look good.

    2. On mobile, when I click on the menu, can I make it to drop down instead of on the side? I would prefer the menu to drop down.

    3. Regarding the nectar sliders, can I add on mobile the arrows that I have visible on desktop? 

    Thank you!



  •  1,919
    Judith replied
    October 12, 2022 at 4:08pm

    Hi There,

    Thanks for keeping in touch.

    1. Please refer to this guide that provide css lines of code on how you can change the hamburger menu icon:https://themenectar.ticksy.com/article/5616/edit/.

    2. Please select this option:

    5161140726.png

    3. Please try this css:

    @media only screen and (max-width: 690px){
    body .swiper-container .slider-next, body .swiper-container .slider-prev {
        display: block;
    }
}

    Thanks.

  •  16
    alis_andreea replied
    October 13, 2022 at 6:42am

    Hi Judith,

    Than you for your answear.

    1. The hamburger

    I have copy paste that code but nothing changes. Can you please tell what that css code should do instead of the hamburger menu?

    2.The mobile menu

    Can I make the font to look bold on the mobile menu dropdown? I love the dropdown menu but the writing looks a little thin on mobile. (see atachement please)

    3. The arrows on mobile

    The arrows look good but can you help me take out the numbering of the pages when you click on the arrow? (please see atachement) I would like to not show how many slides are.


    Thank you Judith.


  •  16
    alis_andreea replied
    October 14, 2022 at 6:38am

    Hi,

    Kind reminder for this topic please. 

  •  1,919
    Judith replied
    October 15, 2022 at 4:38am

    Hi There,

    1. The example given is for the CSS to replace the hamburger menu with the envelope icon instead of the hamburger icon as shown below:

    7520833872.png

    2. Please try this css:

    #mobile-menu .inner ul ul>li>a span.menu-title-text, #mobile-menu .inner ul ul>li>a span.nectar-menu-label {
        font-weight: bold;
    }


    3. Please try this css:

    @media only screen and (max-width: 690px){
.slide-count {
        display: none;
    }
}

    Thanks.

  •  16
    alis_andreea replied
    October 16, 2022 at 6:54am

    Hi Judith,

    The arrows look ok whitout  the number but can you help me make them not change when you click on them? Because when you click they open and now the arrows look  big and empty (printscreen: the arrow on the left occupyes to much space and  looks big and empty)

    Thank you.

  •  1,919
    Judith replied
    October 16, 2022 at 4:32pm

    Hi There,

    Please check to ensure you have these three options selected:

    4229782634.png

    Thanks.

  •  16
    alis_andreea replied
    October 23, 2022 at 8:36am

    Hi Judith,

    Can you help me remove something.

    I have entered the the CSS to replace the hamburger menu with the envelope icon and I would like to remove it now, but I don't know how. Can you help me?

    I entered this CSS from here: https://themenectar.ticksy.com/article/5616/edit/

    I tried to find the css above to delete it but I can not find it in the css custom code box. Please help me.

    Thank you!

  •  1,919
    Judith replied
    October 23, 2022 at 4:30pm

    Hi There,

    Please send in your admin login credentials so that we can check this out further.

    Thanks.

  •   alis_andreea replied privately
  •  8,939
    Tahir replied
    October 24, 2022 at 6:39am

    I see it is removed now.

    Best 

    ThemeNectar Support Team