InMotion Hosting Support Center

Prestashop 1.6 - top menu height, image button

Category: Prestashop 15

InMotionFans
n/a Points
Asked:
2014-09-04 9:15 am EST

Hits: 4,244
Hello, I would like to know how to change the height of the top menu in Prestashop 1.6, as well as how to add a link to top menu with image (home icon for homepage).

You must login before you can ask a follow up question.

You must login before you can submit an answer.

OTHER ANSWERS

1

JeffMa
Staff
11,186 Points
2014-09-04 9:45 am EST
As this heavily relies on your template, what template are you using?

You must login before you can post a comment about this answer.

This is modified default template.
ablab.
26 Points
2014-09-04 9:55 am EST
Your initial question is a bit vague. Could you clarify exactly what you are trying to change? Could you possibly provide an example or screenshot?
JeffMa
11,186 Points
Staff
2014-09-04 10:16 am EST
http://oi61.tinypic.com/2119u76.jpg

I want to change the height of top menu
ablab.
26 Points
2014-09-04 10:42 am EST
This menu is currently automatically resized based on the content that it is provided, but if you need to manually resize it, the CSS file that it is located in is:
themes/default-bootstrap/css/modules/blocktopmenu/css/superfish-modified.css
You can simply update the CSS within this file to modify this menu.
JeffMa
11,186 Points
Staff
2014-09-04 11:04 am EST
0

ablab.
2014-09-04 11:31 am EST
Thanks to JeffMa I was able to change the height of top menu as i wanted. For those who would like to acomplish that:
Before: http://oi61.tinypic.com/2119u76.jpg
After: http://oi59.tinypic.com/30jp44w.jpg

It is the file: themes/default-bootstrap/css/modules/blocktopmenu/css/superfish-modified.css
line 65: padding: 10px 20px;
changing the first value would do the trick ;)

You must login before you can post a comment about this answer.

I am trying to make the same change, but it doesn't work. I also want to change the font to lowercase, but nothing happened. Can anybody help?
zhangjudy9
12 Points
2014-11-03 8:47 pm EST
0

ablab.
2014-11-04 7:57 am EST
@zhangjudy9

what you need to do is change lines 62 and 65 in file /themes/default-bootstrap/css/modules/blocktopmenu/css/superfish-modified.css

so that after changes it looks like this:
http://oi62.tinypic.com/nz2hvp.jpg

You must login before you can post a comment about this answer.

Ablab,
I did what you said and my file looks exactly like your screen. But nothing happened, Do I need change any where else?
zhangjudy9
12 Points
2014-11-04 7:26 pm EST
Like this Question?

Related Articles

Forum Login

You are NOT logged in. You can still browse our Support Center.

To participate within our Community Support Forum:

Need more Help?

Ask the Community!

Get help with your questions from our community of like-minded hosting users and InMotion Hosting Staff.

Current Customers

Chat: Click to Chat Now E-mail: support@InMotionHosting.com
Call: 888-321-HOST (4678) Ticket: Submit a Support Ticket

Not a Customer?

Get web hosting from a company that is here to help. Sign up today!