Search Button Wrong Position After Update

Posted in: Newspaper
Post count: 53

Hi,

I’ve followed every recommendation that I found here in the forum. I saved the Theme Panel options, deleted cache, purged CDN files, deleted browser cache, and the problem remains.

I have a Multisite installation and the problem only affects one website.

Post count: 20688

Hi,

In all cases this has been solved by clearing the cache after the the update. Please send us an email at contact@tagdiv.com and provide admin login information, we will take a look. Also paste a link to this topic in your email.

Thanks

Post count: 53

Hi,

Bogdan helped me via email, for the original problem. It had nothing to do with cache, and it’s resolved.

But now I realised that another website, inside the same Multisite installation, has a problem with the search button. This time only affects the mobile version – the search button is below the menu.

Again, I’ve followed every recommendation that I found here in the forum. I saved the Theme Panel options, deleted cache, purged CDN files, deleted browser cache, and the problem remains. I also tried the solution provided by Bogdan, but it didn’t worked.

Website: cubogeek.pt

Post count: 20688

Hi,

I have inspected the website you provided, seems there are some conditions that are affecting the header search on mobile
https://www.screencast.com/t/Q3LcbGAb13e
These codes are overriding the default theme conditions, if you were to remove them the result will be like this
https://www.screencast.com/t/yW3WfxdC6O
I could give you a code to further override these but it would be better to remove the customization. Please check the theme custom CSS code section and remove these codes if they are located there.

Thanks

Post count: 53

Hi Simon,

We can’t remove the customization because the search button has to keep his position on desktop.

Everything was working fine before the update. If you could give me a code to keep the search button in place on mobile I would apreciate.

Post count: 20688

Hi,

Then you could enter the code in the Advanced CSS desktop section. This way the code will not affect the mobile version. Enter it without any media queries, they are not necessary there.
So remove it from there and enter this one in the desktop section in Advanced CSS, it should work properly

.td-header-style-9 .header-search-wrap {
right: 168px;
}

Thanks

Post count: 242

I have this same issue after update to 8.5.1 – search bar just below menu on desktop and on mobile ( not td mobile theme ) it is on the opposite side, the same side as the hamburger for the menu – instead of one icon on each side. Cleared all host caches and Cloudflare cache.
Thanks

Post count: 242

This is resolved for me

Post count: 53

Hi Simon,

You are saying that the media queries doesn’t work anymore or this solution is specific to the search button?

Post count: 53

Hi Simon,

I did what you said but the problem persists.

Post count: 20688

Hi,

It seems the problem does not persist at the moment, this is how the search displays on desktop
https://www.screencast.com/t/rZHnVrTJyH
And on mobile – https://www.screencast.com/t/aHhMjslxh
There is no more alignment problem anymore, the search looks properly from what I can see.

Thanks

Viewing 11 posts - 1 through 11 (of 11 total)
The forum ‘Newspaper’ is closed to new topics and replies.