Search Results for 'mobile menu'

  • renovationmaster
    Participant

    View post on imgur.com

     

    i made the change.. nothing happened. im not to worried about it.

     

    i am bothered by the way drop down menu looks in mobile mode.

    is the logo to big or something else?

    please look on mobile to confirm.

     

    otherwise i love the desktop version. plan and simple. (viewing.. not creating :)

    thx

    nooramanso
    Participant
    This reply has been marked as private.

    In reply to: Menu item with BG

    Olenka101
    Participant

    No, as I wrote above – the mobile version of the site does not display the menu correctly.

    Since I added padding -90px – the menu on mobile version of the site is covering the slider.

    Mirela
    Participant

    Hello,

    I added this code into your custom css box:

    @media (max-width: 480px){
    .header_button { 
        display: block !important;
        float: left !important;
        top: 11%;
    }
    #logo { float: left !important;}
    }
    @media (max-width: 767px){
        #logo { float: left !important;}
        .mobile_small_menu { left: 30px !important;}
    }

    For the logo in mobile portrait and landscape.
    The header button by default does not display in mobile. I added the needed code into your custom css box, but for it to take effect, you need to go to file css/bootstrap-responsive.php and find this line:

    .header_button {
        display: none !important;
    }

    Remove the !important from it and save file.
    Let us know.

    Best regards!

    renovationmaster
    Participant

    <p style=”box-sizing: border-box; color: #393d40; font-family: ‘Open Sans’, ‘Helvetica Neue’, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 22px;”>I KNOW YOUR BUSY.</p>
    <p style=”box-sizing: border-box; color: #393d40; font-family: ‘Open Sans’, ‘Helvetica Neue’, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 22px;”></p>
    <p style=”box-sizing: border-box; color: #393d40; font-family: ‘Open Sans’, ‘Helvetica Neue’, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 22px;”>when viewing site from mobile</p>
    <p style=”box-sizing: border-box; color: #393d40; font-family: ‘Open Sans’, ‘Helvetica Neue’, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 22px;”>menu drop down and logo not centered in portrait and landscape</p>
    <p style=”box-sizing: border-box; color: #393d40; font-family: ‘Open Sans’, ‘Helvetica Neue’, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 22px;”>header button missing</p>
    <p style=”box-sizing: border-box; color: #393d40; font-family: ‘Open Sans’, ‘Helvetica Neue’, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 22px;”>thx</p>

    renovationmaster
    Participant

    when viewing site from mobile

    menu drop down and logo not centered in portrait and landscape

    header button missing

    thx

     

     

    In reply to: Menu item with BG

    Olenka101
    Participant

    I believe this transparency header don’t only provide transparency, but also allow the menu be displayed above the slider. With -30px I have the menu only one half above the slider.

    The only way I get the result I want is with this code

    .parallax_slider .codeless_slider_wrapper {

    <span style=”color: #444444; font-family: Inconsolata, Consolas, Monaco, ‘Lucida Console’, monospace; font-size: 15px; line-height: 24px; white-space: pre; background-color: #f9f9f9;”> margin-top: -90px !important; }</span>

    But with it I get a bad mobile version of the first page

     

    jaimefuertes
    Participant

    Hello, the problem is in this site:

    https://www.brilliantsoundsexperts.com/ (in the four pages of “Gama de instrumentos”)

    I’ve been talking with Visual Composer Support, I sent this message:

    I’ve got a problem with the rows in fullwidth. It happens in the four pages of the menu “Gama de Instrumentos”. In an Iphone, there’s no padding right in the text blocks, and the lines of texts are wider than the width of the screen of the mobile.
    In Google Chrome Browser, when I refresh with F5, the blocks loose the configuration in a weird position.

    They answered:

    <span style=”font-family: ‘Helvetica’,sans-serif; font-size: 10pt;”>Looks like a third party code is altering it. Please try deactivating all the plugins except visual composer and switching onto a default theme like twenty fifteen to check the same. You can then activate them one by one to find out the exact one causing the issue. Let us know if the issue still exists. </span>

    I did it, and there’s no problem with any plugin. Finally, they answered:

    The issue is most likely because there is an inbuilt version of Visual Composer (or the related code) present in your theme which is overriding the standalone plugin version and hence causing the issue. You will have to get rid of it. I would advise you to do so with the help of theme author, otherwise you might loose the extra elements added by him. Once this is done, you can install the standalone plugin and it will work fine. Kindly check.

    Please, what can I do? Have I to delete the Specular theme and reinstall?

    Thank you

    Mirela
    Participant

    Hello,

    To change the background color of mobile menu, please add this code into your custom css box:

    @media (max-width: 480px){
    header#header .container {
        background-color: azure !important;
    }}

    Best regards!

    Mirela
    Participant

    Hello,

    Do you want to change the burger menu color? If yes, then please add this code into your custom css box:

    @media (max-width: 979px){
    .mobile_small_menu { color: #EFA953 !important;}
    }

    Edit the color to your wish. Let us know if you need further help.

    Best regards!

    rebeccaolson
    Participant
    This reply has been marked as private.

    In reply to: finishing issues

    LL84
    Participant

    ok, but now the menu is always in responsive mobile…also on normal desktop visualization…

    Mirela
    Participant

    Hello,

    I added this code into your custom css box:

    @media (max-width: 480px){
     h2.vc_custom_heading { 
           font-size: 34px !important; 
           line-height: 58px !important;
       }
     .wpb_row.standard_section {
        margin-bottom: 0 !important;
    }
    }

    For the title fonts in mobile. Edit the values to your need.
    Also i added this code: .menu-small ul.menu > li > a { color: #949292 !important;} for the mobile menu items font color. Change the color to your wish.

    Best regards!

    rebeccaolson
    Participant

    I apologize for the weird formatting above – here are my questions again, with the formatting removed. I can’t figure out how to delete/edit the original post:

    COMPUTER:

    1. Can I make the (woocommerce) shopping cart and search sticky when scrolling? I found the CSS code to make the logo stick, but have not found anything for these.

    2. Is there any way to add graphic differentiation between the menu buttons (such as underline, | between, etc.)?

    3. The window page tab currently shows the page name with a vertical line | and then a blank space after it (ie “Photo Album |         ”) . I’m not sure why this is there – is there a way to remove the vertical line and simply have the page name centered?

    4. Is there a way to change the ”cart is empty” font to a different color? It is too close to the dropdown color right now to read it,

    5. Is there a way to change the “remove item” x in “cart” to another color?

    MOBILE

    6. Is there a way to make the left menu/navigation of the website the left sidebar on mobile , and right menu on website the right sidebar on mobile? Right now, both the left and right menus are showing up on the left menu. I know how to add menu items to the Right Sidebar and add that to mobile, but I’m not sure how to remove those items from the left sidebar (and I don’t want them in both places.)

    7. Is there a way to keep the shopping cart/search bar in the nav bar on mobile (right now it shifts down and appears over the top of the image.

    Thank you!

    rebeccaolson
    Participant

    Hello – I have several questions I haven’t been able to find answers to in the forum or knowledge base. It seems in this forum that it’s acceptable to list them all in one post rather than separating them out – please let me know if you’d rather I do the latter. I am using the Tower/Fullscreen theme, and my navigation bar is logo in the center with the left and right menus on either side. My questions are mostly related to the menus/navigation bar:

    COMPUTER:

     
    <p style=”margin-bottom: 0in;”>1. Can I make the (woocommerce) shopping cart and search sticky when scrolling? I found the CSS code to make the logo stick, but have not found anything for these.</p>
    <p style=”margin-bottom: 0in;”>2. Is there any way to add graphic differentiation between the menu buttons (such as underline, | between, etc.)?</p>
    <p style=”margin-bottom: 0in;”>3. The window page tab currently shows the page name with a vertical line | and then a blank space after it (ie “Photo Album |         ”) . I’m not sure why this is there – is there a way to remove the vertical line and simply have the page name centered?</p>
     
    <p style=”margin-bottom: 0in;”>4. Is there a way to change the ”cart is empty” font to a different color? It is too close to the dropdown color right now to read it.</p>
    <p style=”margin-bottom: 0in;”>5. Is there a way to change the “remove item” x in “cart” to another color?</p>
    <p style=”margin-bottom: 0in;”>MOBILE</p>
     
    <p style=”margin-bottom: 0in;”>6. Is there a way to make the left menu/navigation of the website the left sidebar on mobile , and right menu on website the right sidebar on mobile? Right now, both the left and right menus are showing up on the left menu. I know how to add menu items to the Right Sidebar and add that to mobile, but I’m not sure how to remove those items from the left sidebar (and I don’t want them in both places.)</p>
     
    <p style=”margin-bottom: 0in;”>7. Is there a way to keep the shopping cart/search bar in the nav bar on mobile (right now it shifts down and appears over the top of the image.</p>
     
    <p style=”margin-bottom: 0in;”>Thank you!</p>
     

Viewing 15 results - 1,126 through 1,140 (of 1,351 total)