Header Format

[imintenn]

I would like to reduce the padding above and below the logo in the header.  Also, I want the menu at the bottom of the header and not in the center (vertically).  The dropdown items from the menu appear below the header, and not near the main menu item.  You may notice this on my site.

How may this be accomplished.

Thanks in advance.

[Laura]

Hello, could you share some screenshots as reference? So i can see exactly what you want 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[imintenn]

Hello,
I have attached a screenshot with reference to these items.
Thanks.

Attachments:

You must be logged in to view attached files.

[Laura]

Hello, attached what i see right now, could you change the header style to another one and then we can adjust it? 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

Attachments:

You must be logged in to view attached files.

[imintenn]

I do not understand. How will you adjust it? Is there a better image size that I should use? THis one is 600x900px.

[imintenn]

Also, the image that you sent to me is similar to how the header looks on another computer that I have. The image that I sent with the arrows is how it looks on my main computer. Why is it different?

[Laura]

Hello, its because of the screen size, logo should be smaller, or logo zone
Can you share with me a sketch of your desired look? I will work on it 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[imintenn]

I would like for it to look similar to the file that I attached previously “screen-shot.pdf”. Except, I want the logo to be slightly larger, with less padding above and below the image as shown on the .pdf image. This would allow the logo to be larger, yet the header would not be so tall.

Also, I would prefer that the main menu items be located closer to the bottom of the header as illustrated in the .pdf image.
I am attaching another image that shows how the logo is larger and fills more of the header above and below the logo. And the menu is at the bottom of the header.

Attachments:

You must be logged in to view attached files.

[Laura]

Hello, can you share admin credentials so i can test some stuff? 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[imintenn]

This reply has been set as private.

[Laura]

Hello, password seems to be wrong, can you check it out? 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[imintenn]

This reply has been set as private.

[Laura]

Hello, added this to style.css of child theme

COPY CODE

.collapse.navbar-collapse.nav-collapse {
    margin-top: 4%;
}
ul#menu-main li {
    height: 40px;
}
strong.logo {
    height: 200px;
}

Was that what you wanted? Let me know 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[imintenn]

The header spacing at the bottom is better. Also, the menu closer to the bottom of the header is good.
The spacing above the header is still too large.
Also, the logo does not resize to become smaller when scrolling down as previously.
The “drop down” from the main menu covers up the main menu item.

If the CSS is changed, will it be overwritten with the next update of KLEO?

Thanks.

[Laura]

Hello, can you share some screenshots? 🙂
All the css should be in style.css of child theme so its safe

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[imintenn]

Attached is the screenshot that shows the problems. It may be possible for you to see the same issues by visiting the web page.

May I suggest for Theme Options to be built into Kleo:
1. Making the logo size a variable setting
2. Make the padding between the logo and top of header margin a variable setting
3. Make the padding between the logo and the bottom header margin a variable setting.
4. Keep the feature that the header and logo shrink when scrolling down.
5. Fix the menu so that it is at the bottom of the header, and the drop down occurs below the bottom header margin.

Attachments:

You must be logged in to view attached files.

[imintenn]

I have deleted the custom CSS as I did not believe the appearance of the header was better. Let me know if you other considerations.

[Laura]

Hello, this may require custom development, so i suggest to hire a developer to do it for you 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[imintenn]

No problem. I am only making suggestions for the development team to consider for future upgrades of Kleo.

[Laura]

Hello, will do 🙂 Thanks

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Author]

Posts