EFOR | Burger Menue (Tablet&Smartphone)

  • Posted in : Efor
  • SimonKarim
    Participant

    Hi,

    on tablet and smartphone the burger menue https://ibb.co/GQsJwPy
    doesn’t fit in the screen. It looks weirdly like this:
    https://ibb.co/7kTMbm1

    I want it fully shown and not transparent.

    I want the field “type and hit enter” to delete or to hide,
    but i don’t know where.

    Can you help me with that plz?

    Thanks!

    SimonKarim
    Participant
    serkan
    Moderator

    Hi,
    Can you test it again?
    I added this custom css code.

    @media only screen and (max-width: 992px) {
    .site-navigation { top: 0px; 
    } }
    

    You have too much custom css code. One of them might be breaking it. If you have code that won’t need, I also recommend removing them.
    Thanks

    SimonKarim
    Participant

    Hi and thanks,

    the menue is now shown.

    Can you tell me where i can change it to “not being transparent”?
    And how can i delete the field “SEARCH FOR type and hit enter” ?

    What do you suggest according “too much” custom css codes?
    I want the site to run smoove for sure, but i don’t know about the load of
    custom codes etc.

    Thanks

    SimonKarim
    Participant

    P.S.: i can’t find and see the costumize option to change the menue look on tablet and mobile. Can you show me the path?

    serkan
    Moderator

    Hi,
    You should go to dashboard > appearance > customize > header > menu > you can customize the menu here. Also you can go to dashboard > pages > edit home page > you can change the header style as well.

    This custom css code will remove the search function.

    .search-container { display: none !important; }

    You may have previous source codes. You can paste all the css codes into a word except the ones I gave you and delete it from custom css box. Since I recommend codes to hundreds of customers, some problems may disappear automatically if you only know the codes I gave you and delete the others.

    SimonKarim
    Participant

    Hi,
    to be honest, there are so many costum codes from former envato coders,
    i don’t know which are important and which are not useful any more.

    Could you look over it and recommend the ones i should keep?

    There are some codes according fonts, and menues and i’m very anxious to
    wreck my site even more.

    SimonKarim
    Participant

    As well i don’t see any changes in the menue on tablet or phone,
    when i change something here:

    https://ibb.co/DVLg9Gv
    https://ibb.co/6RNxpCr

    And i don’t know which options are exactly for the tablet and the phone.

    Does a costum code is blocking the changes here as well?

    Thanks

    serkan
    Moderator

    Hi, The customizer, which is where you throw in the screenshot, affects all views. You can take a look at what we have reserved as mobile in some sections. When you edit a page with Elementor, you can distinguish between desktop, tablet and mobile.
    I need to know exactly what customization you are doing on the website so that I can tell you which css code you need to delete. Only you can decide that. A code that I consider unnecessary may be important to you.
    Thanks

    SimonKarim
    Participant

    Hi, the options i pick in the costumizer according the mobile burger menue,
    aren’t working at all.
    Nothing is changing. Please see for yourself.

    https://ibb.co/Hg0HF09

    Can you please solve that problem?

    Thanks

    serkan
    Moderator

    Hi,
    I will forward this topic to our developer and i will keep you updated.
    Thanks

    SimonKarim
    Participant

    Hi @serkan @ahmetsali,

    how is it going, can you help me out with the topic above?

    Happy new years and thanks!

    serkan
    Moderator

    Hi,
    Our developer went to an emergency meeting abroad. Now I will send a reminder email again.
    Thanks for your patience.

    ahmetsali
    Keymaster

    Hi again, you have some custom css codes related to your menu which cause this issue, you can search for “.site-navigation” in your Additional CSS field in your Customizer and maybe remove them.

    Unfortunately, advanced css customization is out of our support scope, we can only help with simple css customizations.

    Have a nice day!

    SimonKarim
    Participant

    hi, when i search for .site-navigation in the custom css, there are many lines marked.
    instead of fixing it, can you give me an advice which one might occur a bug according the backgroud color of the burger menue when it’s in use?

    thanks and warm regards!

    SimonKarim
    Participant
    serkan
    Moderator

    Hi, First, copy these codes into a file like Microsoft Word. Remove them all. When you paste the relevant css codes one by one, you will be able to see the problematic code.
    Thanks

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

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register