General Wide + Search Alignment Issue

[Brian Jester]

Hello,

When I shrink the width of my browser window, (firefox 59.01) the drop down part in the category select box moves away from the top part of the select menu. I tried replacing my css file with but that didn't fix it, so it's got to be my header.tpl.

I have removed all the old code from the header.tpl, and trying to construct it to work with my code (piece by piece), but I simply cannot get it to work...

All I have now in my header.tpl, is the entire home_content.tpl contents, which is to display my search in a new location, otherwise, everything else, including the divs in the original header.tpl are not there, I think that's what I need, but I don't know which ones I need to put back and where they go.

My question, what divs do I need to put back into my header.tpl to keep the search in place when the page shrinks? I will try to figure the rest out on my own.

Edit: I just noticed that: section.horizontal-search > div.point1 when the browser shrinks past that position, the search gets thrown off.

Brian

[Pete Young]

load a new version of your template up to your server (rename it backup or whatever) and then simply copy the file you want and paste it over (or view the file to see the original setup) if you do not have a backup ? would that work ?

[Brian Jester]

load a new version of your template up to your server (rename it backup or whatever) and then simply copy the file you want and paste it over (or view the file to see the original setup) if you do not have a backup ? would that work ?

That doesn't work. I tried that.

[Rudi]

Hello,

Could you send some screesnhots of the problem?

[Brian Jester]

Hello,

Could you send some screesnhots of the problem?

Here are 3 screen shots of the select menu and if you want a video, I can even do that if you like.

Screen shot # 1: It's normal,
Screen shot # 2: It's noticeably out of alignment
Screen shot # 3: It's way out of alignment

normal.jpgnoticably out of alignment.jpgway out of alignment.jpg

If you look at the flynax demo you will see that if you make the browser window smaller (width) you won't see the same situation.

How doI fix that?

[Brian Jester]

Anyone find out what that problem is?

[Viktor]

Hello Brian,

Open file: ftp://templates>>general_wide>>css>>style.css at line ~ 6654
and remove or comment:

Only registered members can view the code.

save and check again.

[Brian Jester]

Hello Brian,

Open file: ftp://templates>>general_wide>>css>>style.css at line ~ 6654
and remove or comment:

Only registered members can view the code.

save and check again.

I have tried that, but still not a fix...

In a nutshell, my header.tpl file IS my home_content.tpl with the {include file='head.tpl'} as the very first line, the rest of my header.tpl file is home_content.tpl. I have just removed the FIRST <DIV CLASS=POINT1> tag.That made it work better, but here's the result Maybe it's easier for you to help me resolve?

Let me explain the current issue:

When I resize my browser all the across to make the page 300px wide (smallest I could get it) the search looks good, just like in the flynax demo...Problem starts when I resize the browsers width just until the search button moves from below the search to the same line as the input and select menu.

The select menu drop down box is aligned to the right, as shown in the second screen shot when it should be aligned to the left...How can that be done?

Actually, I missed one more screen shot, the last one is when the browser is fully maximized, and the drop down menu is aligned, but over to the right too much...Have a look.



Here's the new screen shots:new screenshot showing no issue (perfect).pngnew screenshot with issue.pngnew screenshot with issue maximized browser window.jpg

[Viktor]

Hello Brian,

I suggest you create a new ticket with the problem. I cannot help you more. I should see the problem on your site but your site doesn't work for me.