Search Results for 'mobile menu'

  • In reply to: Centered header style

    Mirela
    Participant

    Hello,

    Please add this code into your custom css box:

    .header_10 .full_nav_menu .container {
        border-top: none;
        border-bottom: none;
    }

    for the navigation borders.
    I see you have edited the mobile menu icon color. Let us know if you still need help on that.

    Best regards!

    In reply to: Centered header style

    mydesigns4u
    Participant

    Hello,

     

    I have but it still shows, also please how can I change the colour on the responsive menu icon (on mobile)  it currently shows as the same header colour until it’s tapped – http://www.dotunmakun.com

     

    Thank you

    Mirela
    Participant

    Hello,

    For the menu dropping down when header gets smaller, you can fix it by making smaller padding between menu items. Please go to General Options >Header Options > Menu Options > Menu Items padding.
    I already gave you a code for the logo in mobile(in your other topic). It should fix the horizontal scrolling as well. Please try it up and let us know.

    Best regards!

    Mirela
    Participant

    Hello,

    Sorry for the late reply.
    This happens because the width of menu bar exceeds the width of header bar, when you resize the screen too much. If you keep making it smaller, until you reach one of the predefined responsive screen sizes, then the site goes into responsive mode and it’s css classes take over. Meaning the mobile menu shows up.
    To avoid the first situation, please try settings smaller paddings between menu items. For this, go to General Options > Header Options > Menu Options > Menu Items paddings/Margins.
    For the second situation, you can change the point break (point where normal menu gets replaced by mobile menu) with some custom css code.
    Let us know if you need further help.

    Best regards!

    Mirela
    Participant

    Hello,

    The menu in responsive does not have any issue on our side. Can you please post screenshots of your theme options > header options? Also a screenshot of the header in mobile, so we can get a view of what is happening. The logo can be set up with some css. Add the right code into your custom css box.
    Let us know.
    PS: Please note that we respond to topics according to their arrival time. The oldest first. PLease be patient as we are trying our best to reply to all of our customers asap. Our working hours are from Monday to Friday, 9AM to 5PM (UTC +1:00). Please consider time zone differences.
    Thank you for understanding and cooperating.

    Best regards!

    cyndi
    Participant

    I purchased the Tower theme and I have questions that I have published, however I never get a reply. I’ll ask again before I ask for my money back.

    I am working on my site offline (on my localhost) so you cannot see what I am doing.

    The standard mobile menu does not work on mobile views, in header options I have “show responsive header dropdown” activated ON. I tried using the “side menu” option and although it does work to show the menu when clicked on they do not work. Also on mobile view my logo does not responsively size. It looks great on a laptop but when I view in mobile devices the logo is huge.

    How do I remove the footer widget area from the homepage only?

     

    JoanaSanzSol
    Participant

    Hi guys I am experiencing some problems regarding the responsiveness of the main navigation Menu. When I downsize a screen window, the navigation menu splits into 2 different rows. That also happens in PC screens that are not very big.

    Only when you downsize the screen a lot more the menu changes to mobile version.

    ¿How can I fix this?

    Site is http://www.joanasanz.es

    rebeccaolson
    Participant

    Mihaila –

    I responded earlier, but it looks like it didn’t post. Thank you for your help – after your changes, question 1 has been resolved. The recent theme update also took care of question 3.

    5. Sorry, no – I mean the red “x” to the left of the products in the cart page itself (not the mini cart.) I can send a screenshot.

    6. So just to confirm I understand: There is no way (without custom CSS) to change what pages show up in the left navigation menu (three lines to the left of the logo) on mobile? If I have it activated for mobile, the only option is for it to list every page in every menu? I can easily add whatever pages I want to the right navigation menu – I just would like to change what pages show in the left, so they don’t repeat on two menus.

    7. Thank you – the cart/search is showing up on mobile now. However, they are not in the header – they appear below the header to the left of the screen, on top of the image. I can send you a screenshot.

    Thanks!

    Mirela
    Participant

    Hello,

    For the mobile menu i removed this line: .mobile_small_menu { left: 30px !important;} from the @media (max-width: 767px) block of code and added this:
    .mobile_small_menu { margin-left: -30px !important;} in the end.
    For the logo position in landscape, i added this:

    @media (max-width: 979px){
    #logo {  left: 60% !important;}
    }

    Please check it.

    Best regards!

    Mirela
    Participant

    Hello,


    @nooramanso
    ,
    Please open your own ticket. The private replies are visible only to the ticket author and the support admins. This means, replying in private at someone else topic, makes you data visible to him too.
    I could open the mobile menu without problem (screenshot) did you manage to fix your issue?
    The js error is caused by the js code you have added at your “Custom JS Code”. If you remove it, the error goes too.

    Best regards!

    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>

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