Jump to content
Gumil89

Issue with logo header

Recommended Posts

Good afternoon, I have a problem that I can not solve, I put the image of the logo of my store, and is decentralized with the categories and the search block, does anyone know how to make everything focus? (as if it were all on the same line), since you can also see the logo, then the categories a step above and the search block also above.

I do not know if you can adjust the margins of a file or a place, my idea is to stay centered and with a small margin (the size of the logo or a little more as attached in the second image)

I attach a photo

The template is the default in 1.7

thank you

descentrado.jpg

EDITADO CON PHTOSHOP.jpg

Share this post


Link to post
Share on other sites

Guess in 1.7 the menu is on purpose higher to leave space below for sub-items (which are also not very nicely aligned in my opinion). I myself have adjusted the CSS to move the main menu/search field lower and intend the sub-items to overlap my logo (while I want it to overlap with search bar to avoid any wrapping)

ul.top-menu {
         margin-top:25px;
}
#search_widget {
         margin-top:20px;
}
#header .header-nav {
         margin-bottom: 10px;
}

.top-menu .sub-menu {
    left: 300px;
        min-width: initial;
        width: initial;
}

Share this post


Link to post
Share on other sites
hace 5 horas, JBW dijo:

Guess in 1.7 the menu is on purpose higher to leave space below for sub-items (which are also not very nicely aligned in my opinion). I myself have adjusted the CSS to move the main menu/search field lower and intend the sub-items to overlap my logo (while I want it to overlap with search bar to avoid any wrapping)

ul.top-menu {
         margin-top:25px;
}
#search_widget {
         margin-top:20px;
}
#header .header-nav {
         margin-bottom: 10px;
}

.top-menu .sub-menu {
    left: 300px;
        min-width: initial;
        width: initial;
}

where can I find that CSS? thanks

Share this post


Link to post
Share on other sites

In the theme folder (themes\classic\assets\css). I reccomend to use the custom.css instead of editing theme.css directly

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More