Recent
Categories
View Replies (1)

Show menu items as Button (elvira) / resize containerheader

  1. Issue
0
Votes
Undo
  1. DoReCambiar
    DoReCambiar
  3. Commercial Templates
  4. Sunday, 20 December 2020
  5.  Subscribe via email
I want to apologize first, if my question is already answered somewhere on this forum.

I'm not an expert in CSS so here are my 2 questions :

1. How do I extend my logoheader to always be complete with the header? Only when I scroll, the logo resizes (becomes smaller) and then the header is sized correctly. When I go to home (for example : see image) the logo is larger than the container.

2. How can I make the menu show as buttons (with a green background)?

Using Elvira as a template.
Attachments (2)
extentLogoHeader.png extentLogoHeader.png
ShowMenuAsButton.png ShowMenuAsButton.png
References
  1. http://www.lelie.one/leliev2
Responses (1)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

1. To ensure your logo is always displayed as it is after scrolling, try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

#container_header .logo {

    padding: 15px 30px;

}

#container_header .logo-image {

    max-width: 80%;

}


2. To amend try also adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

Edit to taste

.hornav > ul > li > a {

    color: white;

    background: #09991c;

    padding: 0px 10px;

    border-radius: 3px;

    margin-bottom: 2px;

}


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 1
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!