Questions About Shapely Theme Customization

Hello! I have a few questions regarding the customization of the Shapely theme.

  1. How do I change the search magifying glass found in the top navigation to activate “on click” as opposed to “on hover”?

  2. How do I make the website change to tablet navigation sooner than it does in the original set up of the theme?

If anyone can help me with these questions it would be greatly appreciated! :slight_smile:

Hi there

Hope you are having a good day and thank you for your question :slight_smile:

  1. not clearly understand this question, you want to change magnifying glass icon?
  2. Sorry but there is no option to do this without customization of the theme

Colorlib Support Team


  1. So for the magnifying glass in the top navigation it makes the search box where you insert text appear when you hover over the magnifying glass icon. I don’t want it to do that. I only want the text box to appear when I CLICK on the magnifying glass. I know that will have something to do with javascript, more than likely. I just don’t know where in the theme I would edit that and put it into affect in my child theme.

  2. I know I would have to edit and customize the theme, but similar to the issue I’m having with the magnifying glass, I can’t find where to edit the theme to make the tablet view appear sooner than it currently does. I tried adjusting the @media min-width and max-width, but it doesn’t seem to be working. I will test it when I ‘inspect’ the page, but when I go to change it in my child theme it doesn’t change anything. Am I missing something?

Thanks for the help in advance!