Jump to content

how to edit top header menu


Recommended Posts

i have installed a prestashop and i want to change the top header menu content. note that i do not mean  the  "Top horizontal menu" . This is not about that module.

 

I am mentioning the menu that is above "  logo" image space. i want to do here the below:-

 

1) remove the text "Call us now:" . i already remove the number but here i am talking about the text

2) remove "contact us"  and "sign in" links

3) if possible, how to add links on this menu space

 

Link to comment
Share on other sites

Hello

 

I suppose thee simplest way to do this would be o go to:

 

blockcontact.css around Line 3

 

.shop-phone {
  float: left;
  padding: 5px 0 10px;
  display:none;        (Add this line)
  }
  @media (max-width: 767px) {
    .shop-phone {
 
 
Around Line 29
 
 #contact-link a {
    display: block;
    color: white;
    font-weight: bold;
    padding: 8px 10px 11px 10px;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
    cursor: pointer; 
    display: none;       (Add this line)
}
    @media (max-width: 479px) {
      #contact-link a {
 
Blockuserinfo.css around Line 10
 
.header_user_info {
  float: right;
  border-left: 1px solid #515151;
  border-right: 1px solid #515151; }
  .header_user_info a {
    color: white;
    font-weight: bold;
    display: block;
    padding: 8px 9px 11px 8px;
    cursor: pointer; 
    display: none;       (Add this line)
}
    @media (max-width: 479px) {
 
Before
 
After
 
Paul
Link to comment
Share on other sites

×
×
  • Create New...