Tagged: , , , ,

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • April 5, 2017 at 11:53 pm #772903
    April 7, 2017 at 5:48 am #773675
    Rikard

    Hey insanityNL,

    The mobile layout is not the same as on larger screens, that is default behaviour. Could you try to describe your problem a bit further or post a screenshot highlighting it maybe?

    Best regards,
    Rikard

    April 7, 2017 at 8:59 am #773774
    insanityNL

    Hi Rikard,

    thanks for the reply.
    Well, check the links I send you through your mobile phone and you will see what I mean.

    Hope there is a fix for this

    • This reply was modified 7 years, 8 months ago by insanityNL.
    April 8, 2017 at 2:40 pm #774511
    Rikard

    Hi,

    You have this in devq_designs.css, I’m guessing it’s something you have added:

    .av_header_transparency .logo {
    opacity: 0;
}

    Best regards,
    Rikard

    April 8, 2017 at 3:07 pm #774529
    insanityNL

    Thanks for the reply!

    I added that so if you view the website on a computer the logo and menu doesn’t show when someone is on top of webpage.. When scrolling down the menu and logo appear.

    However the mobile version doesn’t show properly

    April 8, 2017 at 5:29 pm #774596
    Victoria

    Hi insanityNL,

    Could you please describe the desired look or behavior or provide mockup of what you need to achieve?
    DO you need a shrinking header? Or sticky header?

    Best regards,
    Victoria

    April 13, 2017 at 6:49 pm #777451
    insanityNL

    Hi Victoria,

    if you check the project, you see the header menu is hidden untill you scroll down the page:

    Home

    I want to create that same effect on mobile version of the site

    April 17, 2017 at 4:31 pm #778799
    Victoria

    Hi insanityNL,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (max-width: 767px) {

.responsive #top #wrap_all #header {
    position: fixed;
    background: transparent;
}
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

    April 18, 2017 at 11:21 pm #779706
    insanityNL

    Hi Victoria,

    This almost worked.

    – Two things happend: menu button on mobile version is still visible on top.
    – When mobile menu is opened, site jumps back to top?

    code is added on project page.

    Current custom css:

@media only screen and (max-width: 767px) {

.responsive #top #wrap_all #header {
    position: fixed;
    background: transparent;
}
}

.av_header_transparency .logo { 
       opacity: 0; 
}

.logo { 
       opacity: 1; 
}

.av_header_transparency .main_menu {
       opacity: 0; 
}

.main_menu { 
       opacity: 1; 
}

#socket .copyright {
    float: right; !important
   }
    • This reply was modified 7 years, 8 months ago by insanityNL.
    April 21, 2017 at 3:58 pm #781276
    Andy

    Hi,

    add this into Quick CSS field to hide mobile menu at first:

    #top #wrap_all .av_header_transparency, .av_header_transparency
#advanced_menu_toggle {
display: none;
}

    The jumping when clicking on mobile menu must be caused by some customizations you’ve implemented. Remove all custom code to check which one is causing it. Also keep all plugins deactivated while testing.

    Best regards,
    Andy

    April 23, 2017 at 9:23 pm #782050
    insanityNL

    Hi Andy,

    no other custom code is added so I could be sure this wouldn’t be an error of mine. Second with the plugins disabled it would still jump.
    And last: it worked bro ^^

    Thnx for the help guys ;)

    April 23, 2017 at 10:16 pm #782068
    Basilis

    Hey!

    Happy we can help.
    Please feel free to let us know if there is anything else we can do for you.

    Thank you

    Regards,
    Basilis

    April 27, 2017 at 12:21 pm #783966
    insanityNL

    Hi guys,

    still a small question regarding the menu making the site jump to top on mobile phones:

    – all plugins are off
    – I took out all css

    After I took out all css I put it back piece by piece and found this piece of code is the error:

    @media only screen and (max-width: 767px) {

.responsive #top #wrap_all #header {
    position: fixed;
    background: transparent;
    }
}

    Second issue is the overlay option breaks the contactform

    How are we able to fix this?

    • This reply was modified 7 years, 8 months ago by insanityNL.
    April 28, 2017 at 11:29 am #784441
    Andy

    Hi,

    glad you’ve found the error causing the jumping on mobile.
    For another issue please create a new ticket in our forum, otherwise things get quite confusing for us and other people trying to search for help here. Tank you!

    Best regards,
    Andy

    April 28, 2017 at 11:29 am #784442
    Andy

    Hi,

    Best regards,
    Andy

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘Logo and menu not showing mobile version’ is closed to new replies.