someone else must have had this issue or perhaps it is a known bug.
The search block is not obeying the grid and the copyright block is even worse as it goes all the way to the left outside of the grid.
I am using v4.3.9
See attached
Thanks
Ken
I would suggest you making 3 column grids regarding top panel.
Make
logo grid width 3, Content alignment full width.
search grid width 7, Content alignment full width.
my account width 6, Content alignment full width.
now go to block options for my account and add class ty-float-right, if there is already some class make it look as "anotherclass ty-float-right" for logo you may want to add ty-float-left
for whole top panel grid I have my own class that adds padding ~15px to top and bottom, this makes all vertically lined nicely..
Please check if all looks good for mobile responsive view.. This addon allows you copy whole layout and edit positions of grids and block for mobile tablet view specific..
https://www.simtechdev.com/addons/customer-experience/layouts-for-devices.html
As for the copyright, I do not use cs-cart prebuilt one, instead just use a simple custom html block..
Darius,
Thanks for the response. The problem with the search field does go away if the grids next to it have a block installed. But this is not the point. I should (At least I think I should) be able to have grids without blocks to get the spacing I want.
Have you tried an empty grids next to your search block to see if the problem is on your installation?
I have also found this code using Firefox Inspector
input.ty-search-block__input {
display: block;
padding: 7px 30px 7px 10px;
width: 100%;
If you disable the width the problem goes away. I have not yet searched through the css or styles to see where this code comes from. I have disabled all addons and the problem is still there so it must be in the core cscart code but not sure yet.
Regarding the copyright issue. I have done more testing. The problem is persistent to the block position in the footer and not the copryright block. After further testing, this problem is only found after I do my store import from V3 to V4. The website before import does not have this issue. CS Cart support is hopefully checking into this problem for me.
Curious if you have the same issue with the search field.
Thanks
Ken
You got grid width 4 and full width, grids on left and right are emty, so search bar stretches full space.. It is default functionality. If you set search grid to align left or right then it will be ~4grid size.
If you want to have search centered and keep those grids on left and right, I suggest you creating class (put it in theme editor front end)
.my-search-bar {
max-width: 400px;
}
then put my-search-bar in search block or grid
Darius,
Thanks for shoving me in the right direction.
I fixed the search field width by deleting the empty grid to the right of the search block grid.
Thanks again
Ken
Just an update for anyone that have the same issue with the footer. The misalignment of the footer is caused by a bug in the store import for V4.3.9 Gotta wait for the next store import version unless I want to mess with the CSS code. I can do it but choose not to since my V3.0.6 store is running fine, I will wait for the latest store import and re-import the store.
Just an update for anyone that have the same issue with the footer. The misalignment of the footer is caused by a bug in the store import for V4.3.9 Gotta wait for the next store import version unless I want to mess with the CSS code. I can do it but choose not to since my V3.0.6 store is running fine, I will wait for the latest store import and re-import the store.
You will have to mess with css either way. Original copyrigt template links to cscart sote not to yours and this cannot be changed simple (done in config.php)..
Tis definitely true. Gonna mess with CSS a lot...... I am decent at the css stuff. Just not gonna spend my time working on a part that will be fixed anyhow. There were other issues with the import as well so I am hoping those get fixed too.