• Open
  • Rainer Frank
    Spectator
    January 3, 2024 at 7:00 am #49229

    Dear Theme4Press Support
    regarding your Evolve theme I have some problems adjusting the menu/sticky menu and hope you can help me with these issues.

    1. I’d like to have a limited width for my content (max width slider) but full width for site logo, title and menu. Is that possible?
    2. The hover effects and colors for the menus are not usable, because they also affect active/focused links. So on our frontpage there are 3 of 5 menu items highlighted, because 2 of them are anchored linkes on the same page. I can’t see this behaviour in your one-page demos, where you only have anchor links, but can’t make it work in my project.
    3. Any way to get rid of the down arrow and adjust the look of the submenu? like color and size of the textbox dropping in? I found the mega-menu option, but columns are not what I’m looking for.

    Thanks for your help and best regards

    Evgeny
    Keymaster
    Posts: 1003
    January 3, 2024 at 8:44 am #49230

    Good morning,
    Please send me a link to your page. You can do it in a private reply if you wish. It would be easier to check everything right on your website.
    Thanks.

    Rainer Frank
    Spectator
    Posts: 3
    January 3, 2024 at 3:30 pm #49231

    Hi Evgeny,

    the site isn’t online yet but the menu is basically the same as your busines5 demo. I was able to fix the hover issues but we’d still like to have different widths for content (we take the slider) and the logo/ website title (left) and menu (right). Also we need some way to configure the look (font-size and size/color of the background box). Right now it’s just the same as the main menu and has the same color as the sticky menu.
    And finally I’d like to remove or alter the link of the website title (in the menu). Right now it’s an link. Given that we like our regular links with underline text-decoration it would be nice if the website-title could have a custom class like the nav-items, but I can’t find where you generate the code for the website title.

    Best Regards

    Evgeny
    Keymaster
    Posts: 1003
    January 6, 2024 at 10:13 am #49232

    Hi Frank,
    sorry for the delay. I understand; it is just to see sometimes makes things much clearer, and we need fewer iterations for QA. Some of the questions are not very clear to me, that’s why I asked.
    Without development, it isn’t impossible to set different widths for the header and the rest of the page.

    I’m not sure what the background box is. Could you send a screenshot to explain?
    I’m also unsure what a “Website title on the menu” is. The website title we have is not on the menu, it is where the logo supposed to be. It is a link, and it has controls in Customizer->logo, title, and tagline. It also has an HTML ID “website-title”, which you can target to make additional changes.
    Please elaborate a bit more and I will do my best to help.

    Rainer Frank
    Spectator
    Posts: 3
    January 9, 2024 at 11:42 am #49235

    Hi Hi Evgeny,

    I just uploaded the website to a subdomain of ours.
    https://wp-test.squared-force.de/
    Wehen you compare it to our current site (at http://www.squared-force.de) you can see what I’m refering to.
    The content has a fixed with but the logo, website-title and the menus have full width.
    Also you can see that the dropdown menu (Produkte) has a different color and smaler text than the main menu.
    In the Evolve Theme I only found the .dropdown-item class, where I can tune the color of the box (surrounding each submenu) but can’t adjust the size of the box or the font.

    Thanks for taking a look at this.

    Best regards,

    Klaus

    Evgeny
    Keymaster
    Posts: 1003
    January 9, 2024 at 9:34 pm #49236

    Good evening, Klaus. Thank you for sharing the website. Things are clearer now.
    1. Unfortunately, we do not have such an option. The header + slider will stay the same widthas the content. To change it would require development, which is out of scope of theme support.
    2. Menu font can only be set for the entire menu, not separately for the menu and submenus. The size of the dropdown menu itself also cannot be regulated, as well as the size of the submenu text. However, I can offer you the following pieces of CSS code to bring you closer to your goal. You can add the following to Additional CSS:

    /* Set different sizes to the font of the dropdown menu */
    .navbar-nav a.dropdown-item {
    font-size: 75%;
    }

    /* Set min width of the dropdown menu */
    @media (min-width: 768px) {
    .navbar-nav .dropdown-menu {
    min-width: 10rem;
    }
    }

    You can use any size you prefer. Let me know if I can help you with anything else.

    Rainer Frank
    Spectator
    Posts: 3
    January 12, 2024 at 1:55 pm #49239

    Thanks Evgeny!!!
    This looks way better now. I was trying around with some of the row and col settings in the bootstrap.css (and bootstrap.min.css) and tried to customize a few things but somehow my changes never showed up in the browser and I put back everything at its default values again.

    Evgeny
    Keymaster
    Posts: 1003
    January 12, 2024 at 5:05 pm #49240

    Happy to help! As for the changes – if you feel confident enough to take on these files, maybe it is worth mentioning that it would be safer to tinker with the row and column settings values in Additional CSS instead of the files themselves. I would generally advise against it, but if you do, go for the WordPress solution in the Customizer; it is both safer and future-proof.