template acts strange

[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

[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

[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?

[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

[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.

[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

[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