New Landing › How can we help? › Themeforest Theme Support › Dante › Mobile Menu Padding

Viewing 8 posts - 1 through 8 (of 8 total)
  • Back to forum
    Posted in: Dante
  • January 14, 2015 at 7:31 pm #141544
    tsimarketing
    Member
    Post count: 267

    Is there a css code that can help me make the text in the mobile view line up with the logo like it does in desktop view? Because right now when you shrink down to mobile view the menu text moves past the logo and doesn’t line up anymore.

    January 15, 2015 at 9:50 am #141635
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Hi,

    Checked your site but it displays the same way in mobile that in desktop. Guess you have responsive mode disabled.

    -Rui

    January 15, 2015 at 3:47 pm #141781
    tsimarketing
    Member
    Post count: 267

    Yes we have responsive mode disabled, which is what we want. But when I look at the website on my phone or tablet the text in the menu does not line up with the logo. It is slightly to the right of the logo. Is there a @media css code that can help me fix the padding of the menu text just on the mobile/tablet view. It looks correct on the desktop so I don’t want to mess with that.
    I have attached a screenshot of the mobile view from my phone and you can see the menu text is slightly to the right of the logo and I would like to get the text to line up with the logo.

    Attachments:
    You must be logged in to view attached files.
    January 16, 2015 at 5:03 pm #142107
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Hi,

    This is how I’m seeing in a Samsung S4.
    https://www.dropbox.com/s/pojcch9f877imf5/2015-01-16%2016.47.12.png?dl=0

    Try to clear your cache.

    Since the site isn’t responsive, media query wont work because the resolution is not reduced.

    -Rui

    January 22, 2015 at 3:34 pm #143505
    tsimarketing
    Member
    Post count: 267

    Yeah thats how I see it on my phone as well. But I want the menu text to line up with the logo. I have other @media css codes and they work even though I am not in responsive mode. Are you sure there is no @media css code I can put in to add padding to the left of the text?

    January 23, 2015 at 11:43 am #143793
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

    Try this:

    @media only screen and (max-width: 767px) { 
.menu-left #main-navigation {
  padding-left: 55px;
}
}

    – Kyle

    January 23, 2015 at 2:04 pm #143870
    tsimarketing
    Member
    Post count: 267

    For some reason this code is not working. I even put it at the top of the css box but the menu text still doesn’t move. I am doing something wrong?

    January 23, 2015 at 4:08 pm #143917
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Change it to:

    @media only screen and (max-width: 1275px) { 
.menu-left #main-navigation {
  padding-left: 55px;
}
}

    – Kyle

  • Back to forum
    Posted in: Dante
Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.