Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • November 28, 2018 at 9:10 pm #1038730
    pddcoms

    Guys how can i make the mobile version of the site turn on for example when width is1350px

    December 1, 2018 at 9:31 am #1039558
    Rikard

    Hey pddcoms,

    Do you mean that you want the mobile menu to start showing at that pixel width? If not then please try to explain a bit further.

    Best regards,
    Rikard

    December 1, 2018 at 1:36 pm #1039634
    pddcoms

    Yes i mean that.

    December 2, 2018 at 9:57 am #1039855
    Rikard

    Hi,

    Thanks for the clarification, please try this CSS:

    @media only screen and (max-width: 1350px) {
  nav.main_menu {
    display: block !important;
  }
  #avia-menu .menu-item {
    display: none;
  }
  .av-burger-menu-main.menu-item-avia-special {
    display: block;
  }
}

    Best regards,
    Rikard

    December 3, 2018 at 2:22 pm #1040289
    pddcoms

    Rikard. I did not read it correctly … I need the mobile version on the whole site to be included with width 1350. Is this possible?

    December 4, 2018 at 5:30 pm #1040804
    Victoria

    Hi pddcoms,

    Not very clear, could you please attach a mockup of what you’re trying to achieve?

    Best regards,
    Victoria

    December 4, 2018 at 9:13 pm #1040952
    pddcoms

    Victoria hi. I want the site to look like on the mobile version since 1350px width

    December 6, 2018 at 1:57 pm #1041654
    Nikko

    Hi pddcoms,

    I think that will be a lot of work.
    You’ll probably need to check for all the css like grid.css, base.css, layout.css, etc and look for the media queries.
    If it contains max-width replace it’s values for example (any value as long as it’s lesser than 1350px):

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

    to:

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

    then if you find min-width (any value) for example:

    @media only screen and (min-width: 990px){

    replace it with:

    @media only screen and (min-width: 1351px){

    Hope this helps.

    Best regards,
    Nikko

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.