ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Clique
• June 8, 2013 at 2:31 pm #7513
  dal

  Member

  Post count: 17

  Hey, great work on the theme!

  Is there a way to change the navigation on iPhone and other mobile devices from the dropdowns to buttons similar to the attached image? I only have two pages and I’d rather have either a horizontal or vertical list than have a dropdown list to navigate between the two.

  Thanks for any response.

  June 9, 2013 at 1:50 pm #7567
  Ben – SUPPORT

  Member

  Post count: 690

  Hey, just edit layout.css and remove line 277-283

  #main-navigation {
  	display: none;
  }
  #mobile-navigation {
  	display: block;
  	float: none;
  }
  

  Thanks
  Ben

  June 9, 2013 at 3:43 pm #7595
  dal

  Member

  Post count: 17

  Thank you. I’ve removed this code and although this has removed the dropdown, the resulting buttons are moved over to the right instead of being centred. Is there anything else I need to change to make these centred?

  June 15, 2013 at 2:44 pm #8311
  Ben – SUPPORT

  Member

  Post count: 690

  Sorry for the late reply I’ll add onto your code

  @media only screen and (max-width: 767px){
  #main-navigation{
  float:none;
  margin:0px auto;
  }
  #main-navigation ul{
  text-align:center;
  }
  #main-navigation ul li{
  float:inherit;
  }
  }
  

  Try that

  Thanks
  Ben

  June 15, 2013 at 2:46 pm #8315
  dal

  Member

  Post count: 17

  Perfect!

  Thank you for the help.

  September 21, 2013 at 2:31 pm #23156
  dal

  Member

  Post count: 17

  Hey again,

  Since updating to WP 3.6 (I think) this no longer works, and my mobile navigation is back to the original dropdown. Is there anything else I may need to change now?

  Thanks again.

  September 24, 2013 at 12:08 pm #23527
  laranz – SUPPORT

  Member

  Post count: 3186

  Hi,

  Did you confirm that the codes you already put is in the same place? If so please put the codes back.

  Let me know, what you got.

  Thanks,
  laranz.

  September 24, 2013 at 12:35 pm #23529
  dal

  Member

  Post count: 17

  Of course. The code supplied by Ben worked when I first inserted it, but now it doesn’t. The code hasn’t been edited, moved or replaced, just stopped working.

  September 24, 2013 at 7:13 pm #23615
  laranz – SUPPORT

  Member

  Post count: 3186

  Hi,

  Show me the link of your website, I try my level best to assist you 🙂

  Thanks,
  laranz.

  September 24, 2013 at 8:27 pm #23632
  dal

  Member

  Post count: 17

  This reply has been marked as private.
  September 26, 2013 at 3:42 pm #23954
  laranz – SUPPORT

  Member

  Post count: 3186

  Hi,

  You don’t want the mobile menu, right?

  Try this

  @media only screen and (max-width: 767px){
  #mobile-navigation{
  display: none;
  }
  #main-navigation{
  display:block;
  margin-top: 20px;
  }
  }

  remove the code that Ben sent.

  PS: Sorry for a late reply.

  Let me know, what you got.

  Thanks,
  laranz.

  September 26, 2013 at 6:16 pm #23991
  dal

  Member

  Post count: 17

  Hi Laranz,

  Thanks for getting back to me. The code you have given me has worked almost perfectly. I’ve attached a screenshot of what I get, and what I’d prefer. The left is my current result, is there anything else I need to add so the filter button lines up centred underneath the pages like the right example, like it did previously?

  Thanks.

  September 26, 2013 at 10:24 pm #24028
  laranz – SUPPORT

  Member

  Post count: 3186

  Hi,

  Try to add this to along with the styles I gave.

  .portfolio-filter-wrap{
  clear:both;
  }

  Let me know, what you got.

  Thanks,
  laranz.

  September 26, 2013 at 10:24 pm #24029
  laranz – SUPPORT

  Member

  Post count: 3186

  Hi,

  Try to add this to along with the styles I gave.

  .portfolio-filter-wrap{
  clear:both;
  }

  Let me know, what you got.

  Thanks,
  laranz.

  September 27, 2013 at 7:47 am #24078
  dal

  Member

  Post count: 17

  Hi Laranz,

  The additional code is exactly what I want for mobile, but this code also moves the filter onto a separate line on my PC and larger displays. Can I make this extra piece of code work for mobile only?

  Thanks again for the help.

• Back to forum

  Posted in: Clique