Page 1 of 1
template acts strange
Posted: 23 Nov 2020, 14:48
by Hill
Hello,
I'm new to this forum and the Phoca Cart, but I'm learning fast.
The issue I have is about the the template I use. At start all looks normal. But when I click on a menu item the menu is displayed over my logo. So my logo is than for 50% on screen. How can this happen, and what would be a solution?
Look at
https://hillcnc.nl how it looks right now.
Thanks in advance
Re: template acts strange
Posted: 23 Nov 2020, 20:58
by christine
Hi Hill,
I think, it belongs to the above right Item Cart Box
You could try to add to your custom.css:
.phItemCartBox {
padding-top: 50px;
}
or: padding-bottom: 50px;
Heel mooi startpagina!
Groetjes
Christine
Re: template acts strange
Posted: 24 Nov 2020, 17:43
by Hill
Thanks for the answer Christine.
I'm a not familiar how to do this as a custom.css
Perhaps you can help me with this?
Re: template acts strange
Posted: 24 Nov 2020, 18:33
by christine
Hi Hill,
I'm not sure, if you could create a custom.css - just to avoid overwriting CSS after an template Update.
Check under template/CSS/New/Create new CSS.
If not successful, put above Code to your: /themes/main/theme.css or: /template.css - to see if it's OK.
Kind regards
Christine
Re: template acts strange
Posted: 24 Nov 2020, 19:42
by Hill
I tried to create the file, but nothing happend in the template. The same action is displayed at the website when I click on an item.
Also when I look in the files of the template I can't see the new file a made.
https://imgur.com/XPIHoVF
When I try to make another one, a comment will pop up to say the same file already consist. So it must be there, but not to be seen. Changing the file is therefore also not possible.
Re: template acts strange
Posted: 24 Nov 2020, 23:03
by christine
Hi Hill,
Did you change to another template, because I don't see themes/main/theme.css anymore.
To add custom.css to your template, you could try it in this way:
Try this code, either in the created custom.css or at the end of template.css:
Code: Select all
.phoca-banner.pull-right {
padding-bottom: 50px;
}
Kind regards
Christine
Re: template acts strange
Posted: 25 Nov 2020, 14:16
by christine
Hi Hill,
checked your site now. I see, that you have changed the position of: <div id="phSearchBox"> to phoca-header. Therefore more place for the .phItemCartBox.
Also above code is inserted in: template.css. You could (if wanted) change the high of pixel.
Instead of: padding-bottom: 50px; > padding-bottom: 20px;
Kind regards
Christine