I hope you’re well. I migrated my Wordpress blog to a new host a couple of weeks ago, and I also had to purchase a new theme. I bought the Soledad theme (Envato) from Themeforest, and it looks fantastic. The customisation is impressive - it has taken a long time to get things tweaked so I’ve still got some work left to get it sorted fully, but I’ve noticed a small problem with the theme. My blog is Invisibly Me - https://invisiblyme.com/
I’ve got various menu/page links under the theme header. I’d like to get the blog post topics turned into drop down menus, but I’ve not got there yet (that may be my next query!) The problem is that there should be a search function at the top somewhere, which is important so I do want it visible for users. I’ve found that it can’t be seen on the blog (viewing it on laptop). When you scroll down, it randomly pops up at the right hand side floating on top of the side bar, which is a bit odd. If you can use it to search for something, the results page shows the icon at the right, under the menus, though it still floats as you scroll down.
I don’t suppose you know how I can resolve this? I just want to get the search icon visible and usable straight away at the top, and for it to not be floating and covering other parts of the blog when scrolling down.
That's perfect - thank you very much for sorting that with extra code, I really appreciate it. I'll try to sort out all the items on the nav bar soon as I want to do drop-down menus for some, but I've not got quite that far yet.
I don't suppose there's a way of increasing the width ever so slightly? Ie. to have the edges of the theme to the left and right a tiny bit closer to the edge of the browser? I've attached an image to show you what I mean. I can't seem to see an option on the theme customiser for it.
Hello,
I hope you’re well. I migrated my Wordpress blog to a new host a couple of weeks ago, and I also had to purchase a new theme. I bought the Soledad theme (Envato) from Themeforest, and it looks fantastic. The customisation is impressive - it has taken a long time to get things tweaked so I’ve still got some work left to get it sorted fully, but I’ve noticed a small problem with the theme. My blog is Invisibly Me - https://invisiblyme.com/
I’ve got various menu/page links under the theme header. I’d like to get the blog post topics turned into drop down menus, but I’ve not got there yet (that may be my next query!) The problem is that there should be a search function at the top somewhere, which is important so I do want it visible for users. I’ve found that it can’t be seen on the blog (viewing it on laptop). When you scroll down, it randomly pops up at the right hand side floating on top of the side bar, which is a bit odd. If you can use it to search for something, the results page shows the icon at the right, under the menus, though it still floats as you scroll down.
I don’t suppose you know how I can resolve this? I just want to get the search icon visible and usable straight away at the top, and for it to not be floating and covering other parts of the blog when scrolling down.
Many thanks & kindest regards,
Caz
Hi,
The problem because you've added many items on the menu, so the search button doesn't have a space to display.
I've fixed it by adding some extra CSS code to Appearance → Customize → Custom CSS.
Please check.
Regards,
PenciDesign.
Hello,
That's perfect - thank you very much for sorting that with extra code, I really appreciate it. I'll try to sort out all the items on the nav bar soon as I want to do drop-down menus for some, but I've not got quite that far yet.
I don't suppose there's a way of increasing the width ever so slightly? Ie. to have the edges of the theme to the left and right a tiny bit closer to the edge of the browser? I've attached an image to show you what I mean. I can't seem to see an option on the theme customiser for it.
Many thanks & kindest regards,
Caz
As attached.
Hi,
You can modify the content width by adding the custom CSS code to Appearance → Customize → Custom CSS:
@media only screen and (min-width: 768px) {#navigation .container,
* .container {
width: 100%;
padding-left: 30px;
padding-right: 30px;
}
}
Change 30px to the spacing your want to show at the left/right.
Regards,
PenciDesign.