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: Neighborhood
• July 23, 2015 at 7:54 pm #197238
  MarieWorks

  Member

  Post count: 225

  Hi,
  a few related questions on the mobile menu…

  1. Is it possible to make the menu buttons bigger on mobile?

  Screen shot 1 shows the size they are at the moment, screen shot 2 shows them expanded to 24px size using the chrome dev mode
  but this has also effected a number of other elements on the page – how do we address the menu buttons only?

  2. Is it possible to make the header – or specifically the hamburger menu and the search button – sticky to the top – on mobile?

  3. is it possible to have the text “Menu” next to the hamburger icon?

  Thanks

  Chris

  Attachments:

  You must be logged in to view attached files.
  July 24, 2015 at 7:30 am #197314
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  1- Please use this custom css code:-
  #logo a.show-main-nav i,#logo a.mobile-search-link i{font-size:24px !important;}

  2- I am afraid that its not possible.

  3- There is no space to insert Menu text here.

  Thanks
  Mohammad

  July 24, 2015 at 10:03 am #197371
  MarieWorks

  Member

  Post count: 225

  Hi Mohammad,

  Thanks for your help. This has almost worked but for some reason the cart button is not re-sizing with the others – this is an issue I ran in to as well – do you know why it could be? Screen shot attached.

  best

  chris

  Attachments:

  You must be logged in to view attached files.
  July 24, 2015 at 10:15 am #197378
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,

  That icon it’s an image(2 images) you should replace it by a bigger one.
  https://www.dropbox.com/s/iqvg0t228lvxyup/Screenshot%202015-07-24%2010.14.31.png?dl=0

  -Rui

  July 24, 2015 at 10:16 am #197379
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  This is a image so you cant increase its size. Just try to use this css code:-

  .mobile-cart-link i.sf-cart{
  width: 25px !important;
  height: 29px !important;
  background-size: cover !important;
  }

  Thanks
  Mohammad

  July 24, 2015 at 10:36 am #197387
  MarieWorks

  Member

  Post count: 225

  Hi Mohammad and Rui,

  Thanks both for your help.

  CSS has worked – thanks Mohammad,

  Think we might still need your suggestion RUI as the shopping bag appears pixelated on retina displays.
  Are those image files in the theme files somewhere – so I can replace them in the child theme?

  Thanks
  Chris

  July 24, 2015 at 10:51 am #197394
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  The file name is shopping_bag_icon.png and located at /wp-content/themes/neighborhood/images/.
  Thanks
  Mohammad

  July 24, 2015 at 11:08 am #197398
  MarieWorks

  Member

  Post count: 225

  Thanks mohammad,

  Are the hamburger and search icons in that folder to – or if we add them can we call them to replace the current ones?

  Thanks

  Chris

  July 24, 2015 at 11:19 am #197403
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Hamburger and search are font icons so you can increase it through css code only.
  Thanks
  Mohammad

  September 25, 2015 at 10:36 am #216401
  rileyiwilliams

  Member

  Post count: 39

  Hey MarieWorks, do you still need help with this?

  September 25, 2015 at 11:39 am #216433
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  @rileyiwilliams

  Let’s see if @MarieWorks replies.

  -Rui

• Back to forum

  Posted in: Neighborhood