persy

Hi Kathryn, thanks for your reply. I will have a look at your suggestion and see if I can get it to work.

I guess by changing the default logo size in my child theme, I’ve essentially ‘broken’ the responsive design that governs how the logo appears as the screen changes size. I wondered therefore, if it would be worth while looking at the CSS in the original Sketch theme to work out how they made the logo responsive and to see if I can copy that bit over to my child theme?

I could be talking complete nonsense as I don’t really know much about this! Anyway, thank you for your help, I’ll definitely look into it.

Hi Kathryn,
Thanks again for your help- I did try adding the above code and it does remove the submit button on the mobile version. I take your point about it perhaps not being intuitive, but I’m going to try it out for a while.

Many thanks for helping me with this!

Hi Kathryn,
Yes that has worked- the styling of the search field now looks normal ie. without rounded corners.
It still displays an additional search button below it, that isn’t visible in the desktop version. Is there any way to remove this as well as it isn’t strictly needed? Not to worry if not- you’ve already done more than enough!

Thanks for investigating this issue for me- I am indeed viewing the mobile version on Safari as you rightly guessed.

Hi, thanks for your replies. Kathryn- I did try pasting that code in at the end of my child theme’s css which now looks like this:

/*
Theme Name: Sketch Child
Theme URI: https://wordpress.com/themes/sketch/
Description: Sketch Child Theme
Author: WordPress.com
Author URI: https://wordpress.com/themes/
Template: sketch
Version: 1.1.5
*/

@import url("../sketch/style.css");

body {  }

input {
  -webkit-appearance: none;
}

Is that where I was meant to add it? Unfortunately it hasn’t changed the mobile view at all.

Wptweaks- Yes, that’s correct- the search text box changes from square corners to round corners and a search button appears on the mobile version which isn’t visible on the desktop version.

I know this isn’t a big issue at all so I should probably stop worrying about it, but I’d like to understand what’s happening. Thanks again for your help!

Hi Kathryn,
Yes it worked! Thank you so much- I know that probably seemed so obvious but I had no idea what to do!
I’ve also added the pipe (now I know what its called) before the ‘1 comment’ bit too.

Thanks for your help!