Menu and header

  • Support OnlineSat-Thu / 9:30am - 5:30pm (GMT +6)
  • Your Time Our Time

Support Home Support Home CoSolu WordPress Theme Menu and header

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #6065
    Andrei
    Participant

    Hello!

    1. Menu: How can i make the menu bar smaller (height)?
    How can align menu to right?

    2. Header: How can i make the logo wider? I would like something like 300px wide, but to stay in line with header text (phone, email, address). I`m ok to remove some text (either address or business hours) to make space to wide the logo.

    logo format: square of 50x50px on left side + text in front of square (right side). Total of logo should be 300px

    With current settings if i`m using the logo at the moment, it will be placed on top of the header area (above phone, email etc text)

    • This topic was modified 7 months, 2 weeks ago by Andrei.
    • This topic was modified 7 months, 2 weeks ago by Andrei.
    #6071

    Hi Andrei,

    1. In those issues, you need to write custom codes based on your needs and requirements.

    2. Could you please provide your website URL to review what’s happening when you are using a wider logo?

    However, there have some options for the logo and header area in the CoSolu Options -> Header

    Best Regards,
    ThemeLooks Support Team

    #6076
    Andrei
    Participant

    I sorted with the logo.

    How can i make the entire menu bar and it`s items smaller height?
    In header section nothing i can change to make it happen, therefore, i need to know in css file where exact to try to make this changes. can you please indicate me which css file is for the menu and what is the line/class element i can manipulate in order to get what i need?

    Thank you!

    #6077

    You will get the CSS in the css\cosolu.css file and find the comment 5.8. HEADER NAVBAR to get the CSS for the navbar/menu.

    Best Regards,
    ThemeLooks Support Team

    #6108
    Andrei
    Participant

    Where would i change the size of the background with page title?
    I want for each page title to have smaller image behind the title.

    Thank you!

    #6109

    Please check out page header settings. You will get the page header settings in the bottom of each page http://prntscr.com/nace6c

    Best Regards,
    ThemeLooks Support Team

    #6112
    Andrei
    Participant

    Yeah, i can set image in there…. but what i want is to set size of it….

    #6113

    Please provide an example screenshot or something else that you are looking for. Also, provide your website URL to review. If it’s possible to do with some CSS we will provide you.

    However, our theme is all about those features that have in the theme. If you need something else based on your needs and requirements. Then you could hire someone else to customize the theme based on your needs and requirements.

    Best Regards,
    ThemeLooks Support Team

    #6114
    Andrei
    Participant

    Please see this link https://prnt.sc/nahnun
    I can give you the link address as i dont wanna make it public, but i can give it in a private message.

    #6115

    Please use the CSS below and adjust the pixel based on your needs to reduce the height.

    .page-header--section .page--title {
        padding: 130px 0 !important;
    }

    Best Regards,
    ThemeLooks Support Team

    #6118
    Andrei
    Participant

    That`s perfect. Working. Thank you!

    Now second thing: https://prnt.sc/nais5y

    How can i make entire menu smaller size, and how can i move the search box to show above the menu rather then underneath?

    #6121

    Please provide your website URL using our Envato Market (themeforest) profile contact form https://themeforest.net/user/themelooks#contact (screenshot as reference http://prntscr.com/gkmr2r ) including this support topic link as a reference.

    Best Regards,
    ThemeLooks Support Team

    #6130

    Hi Andrei,

    Please use the CSS below and adjust the pixel based on your needs to reduce the height.

    #sticky-wrapper .header--navbar {
        min-height: 40px;
    }
    .header--nav-links > li > a {
        padding: 12px 25px 11px;
    }
    .header--nav-search .dropdown-toggle {
        padding: 7px 0;
    }

    Best Regards,
    ThemeLooks Support Team

Viewing 13 posts - 1 through 13 (of 13 total)
  • You must be logged in to reply to this topic.
happy hour