Search Results for 'mobile menu'

  • In reply to: finishing issues

    LL84
    Participant

    Hi Mihaila,

    After your last css integrations my logo on the full visualization is far more on the right, letting the whole menu items fall down on the slider. So I had to put  /* */ to this part of the code:

    .snap-drawer #navigation nav .menu > li > a {width: 40% !important;}

    }

     

    @media (min-width: 1200px){

    .mobile_small_menu { display: block; }

    #logo { padding-left: 20%;}

    }

     

    @media (max-width: 1190px){

    header#header #navigation { display: none;}

    .mobile_small_menu { display: block;}

    }

     

    please, I need to get this working:

    1. the logo should stay where it is now. but at the same time I need the menu to turn into mobile version (left menu) at approx 1190px. Please note that in this moment on ipad horizontal visualization you have no menu.

    2. if possible I would love to have only the “brain” logo into ipad vertical and mobile visualization. But if it’s not possible it’s ok if you reduce the whole logo to a better fitting size or even erase it!

    3. should it still be possible to add the sharing buttons of the “creative” blog visualization to the “masonry” blog visualization I would really appreciate.

    Thank you

    Ciao

    Luca

    Mirela
    Participant

    Hello,

    I have already responded you regarding this in this other topic of yours: https://support.codeless.co/forums/topic/fixed-image-width/

    -Theme is build to be responsive. Meaning it will resize it’s elements according to the new layout until the size of a specific device is reached (in the cases of browser shrink). If you are somewhere in between, like the screenshot above, the menu width will exceed the header width and cause it to slide down. This is usually not an issue because theme is always accessed by either a normal desktop computer/ laptop / ipad or mobile. All of which are devices with specified sizes that are covered by the responsive css code.

    Best regards!

    Mirela
    Participant

    Hello,

    For this time i am sending your the code to add at your custom css box, but please keep in mind that these are style’s customization that are not included in support forum.
    1-To add the logo in sticky header:

    .header_11.sticky_header #logo {  display: block  !important;}
    .header_11.sticky_header #logo img.dark { 
          height: 85px  !important; 
          top: 97px  !important;
    }

    2-For the mobile header view:

    @media (max-width: 480px){
    #logo img { height: 100px !important; top: 100% !important; right: 95% !important;}
    .mobile_small_menu { left: 85% !important;}
    .mobile_small_menu .close { left: 85% !important;}
    .header_transparency header#header { background: rgba(97, 35, 35, 0.48) !important;}
    }

    Best regards!

    In reply to: finishing issues

    Mirela
    Participant
    This reply has been marked as private.
    connernudd
    Participant

    Website: one7.connernudd.com

    I’m trying to create the effect of the attached images on my site, so that the logo is large without scroll:

    https://postimg.org/image/s7m2q2z77/

    and then the logo shows smaller when the menu is sticky:

    https://postimg.org/image/3ll6gvjnl/

    And displays like this on mobile:

    https://postimg.org/image/3x36ny0sl/

    As you can see on the current site, i’ve created the large logo with css, I had to add in a margin at the top to push the nav down but when the menu goes sticky i’d like it to be flush with the top again if possible!

    Also I’m having some problems trying to add icons to the menu – As you can see from the attachments the navigation on the right has icons, I have tried multiple plugins and none seem to work.. Problem with some code being overwritten maybe?

    Able to give  you access to the site if needed to investigate further. THanks!

    panukp
    Participant

    Hi,

    I kept on trying different solutions with this, and ended up changing my caching plugin. That did the trick, and now the mobile menu is visible. I had W3 total cache but changed to WP Fastest Cache.

    So, no need for additional help anymore! :)

    //Panu

    panukp
    Participant

    Hi,

    the mobile menu is not visible on any device nor when I resize the browser window on desktop. I have already gone through the tips I found on your forum (dark header, switch mobile menu on etc). I suspect it has something to do with the plugins I activated (WP optimizer, w3 cache etc,). Could you help me out?

     

    site: http://www.contral.com

     

    Thanks!

    In reply to: finishing issues

    Mirela
    Participant

    Hello,

    1-To add a specific sidebar to a certain page, please go to General Options > Custom Sidebars > Pages custom sidebars. Create a sidebar for your page. Then go to Appearance > Widgets and add the widget sidebar to this page’s sidebar.

    2-To change the logo used, only for the mobile/ipad version, please add this code into your custom css box:

    @media (max-width: 480px){
    .snap-drawer .snap-drawer-left #logo img.dark { content: url("https://homointraprendente.it/wp-content/uploads/2015/08/Logo-LOW-trasp-v2.png");}
    }
    @media (max-width: 979px){ 
    .snap-drawer-left  #logo img.dark { content: url("https://homointraprendente.it/wp-content/uploads/2015/08/Logo-LOW-trasp-v2.png");  
      margin-left: -302px !important; 
      margin-top: 4px !important;}
    .snap-drawer #navigation nav .menu > li > a {width: 40% !important;}
    }

    3-Add this code:

    @media (max-width: 1195px){ 
    header#header #navigation { display: none;}
    .mobile_small_menu { display: block;}
    }

    4-Set a min-height to the blog articles in order to make them align:
    .latest_blog .no_carousel .blog-item { min-height: 344px;}
    Let us know.

    Best regards!

    LL84
    Participant

    Hi Mihaila

    I have some issues on finishing my website homointraprendente.it

    – I have created a custom sidebar but cannot associate it to any page: only if I select the double widget page layout I can decide wich sidebar I want on right and wich on left. in the other cases I don’t have this opportunity. what should I do to add the “Chi Sono” widget sidebar to the “Chi sono” page?

    – on mobile and vertical ipad I would like to change the logo, putting this (https://homointraprendente.it/wp-content/uploads/2015/08/Logo-LOW-trasp-v2.png) instead of the one I have now. If not possible, I need to small down to better sizes the one I have now (MANTAINING THE BRAIN LOGO). In any case it should be centered, because otherwise it would overlap the side menu or the additional widget sidebar.

    – the main menu should turn to responsive mode earlier. I mean: on horizontal ipad or on low res monitors it follows down on the slider, and this is not correct.

    – I need to change the dimension of the title in the “latest from blog” elements. I cannot find the option. may you please indicate me the file and the position in wich this dimension is defined?

    Thank you very much!

     

    nooramanso
    Participant
    This reply has been marked as private.
    shaunwatl
    Participant

    Thanks! No problem. Site still have more work but should be live by the end of the week. I will send link to final site when it is live. There will be a member login area under the members section and there will be some additional forms.

    The adjustment you made to move the slider up on mobile only works in portrait display If you turn the phone to landscape the space between the nav bar and slider comes back. What else can we do?

    Couple of other questions –

    1) How can I change the color of the questions in the FAQs section? I want to make them #92B6BF.

    2) In the search bar that drops down from the top I need to make the font for “search” the same as the font used on the site.

    3) On the mobile site how can I move the logo to the left and have the menu button on the right?

    4) And this is my final question – How can I change the color of the fonts on the mobile drop down. Currently the white text on mobile drop down is too hard to read.

    Thanks again for all your help.

    Regards,

    Shaun

    In reply to: Menu problems

    Mirela
    Participant

    Hello,

    The menu is there, but you must check up the page’s General Settings > Page Options & Style > Header Color Style for Header 1, make sure to have selected the Dark version. Then go to the codeless slider you are using. Codeless Slide Options > Layout > Menu & Slider Navigation Color, it should be chosen the “Dark Logo,menu,slider..etc” for all slider slides.
    Heve you enabled the menu to display in mobile as well? Please check it at Header Options > Show Responsive Menu Dropdown, it should be ON.
    If the issue persists, send us your wp credentials in a private reply. So we can investigate this further.

    Best regards!

    In reply to: Mobile Menu

    Mirela
    Participant

    Hello,

    Please add this code into your custom css box:

    @media (max-width: 979px){
    .header_5 .mobile_small_menu { display: block;}
    }

    One of you other plugins or some script/css you may have added, has disabled the default display of small menu. By adding the code above it will display ok again.

    Best regards!

    jennyslack123
    Participant

    Hello,

    I’ve been struggling to get my one page menu to work correctly. I’ve had help off you previously so my sections links work correctly however it seems when you scroll down the page the ‘About’ button in the menu always appears to be selected.

    And when they menu is in mobile view none of the section links work either. Any help you can give me would be much appreciated!

    Thanks

    Jenny

    cosimobalestri
    Participant

    Hi. I’m almost done with the website I’m creating using Specular theme, which works very well.

    I just have one problem in mobile version.

    The menu icon isn’ visible in any mobile device I could test with Chrome developer tool.It ain’t working on my Iphone 5, too. I think the menu icon is too far on the right.

    http://www.martecomunicazione.com/ns

    Any suggestion?

    Thanks.

Viewing 15 results - 1,141 through 1,155 (of 1,351 total)