Home page, menu, footer, several questions

  • Hi guys!

    I am building the blog for the start up I work with and I’m facing several problems in regards to the template. Here they go:

    1. The logo gets bigger a whole lot in mobile version and I can’t find anywhere where to change this. The logo is on it’s lowest size available in the template (16%) already and even then, on mobile, it gets big. And I uploaded a very good quality logo but for some reason, it lost some quality in the header.

    2. The whole header size. When I pass the mouse through the menu, the drop down options drop down way below from what I want. I imagine I’d have to change that in some header option that I can’t find.

    3. The menu. I can’t change menu options in both desktop and mobile. I am not able to change from where the menu options appear. I’d like to be like our other site (https://gente.rapiddo.com.br/ go to “gente” to see the reference). The menu setting option does not allow me to do that. When the user pass the mouse through some menu option, I want the word to change colour and get in bold form, very much like our HR site gente.rapiddo.com.br

    I want too to change the colour when I pass the mouse through some option only in the home page, since I am using an orange image, I’d be cool to change the box and text color to white and orange.

    4. The page title. There is something I’d like to do but I can’t in this template. Can I have an image exactly like I can with page title in the header but without the page title itself? And can I have a different one for each menu category? And I’d like to reduce the size of the page title background image too! Can I do that? To see what I’m talking about, click: https://blog.rapiddo.com.br/para-entregadores/diagnostico-nova-funcionalidade-rapiddo/

    5. Footer. I would like very much to centralize the widgets localized in the footer section in the desktop version since that in mobile they do. And to reduce the line size between the widgets and, as well, to remove the line below the widget title text. Example: remove the line below the word “solu??es rapiddo.”
    I’d like to add social icons in the footer too but I am not finding any way to design a little more the footer in the footer layout.

    6. Is there a way I can add parallax sort of stuff in the home page image? As the user scroll down in the page, the image goes together, you know? I am not sure I can call that parallax but the idea happens in this wordpress site a little bit down: https://www.ads-software.com/

    Sorry for firing a lot of questions but this is some of the templates that offered me, for free, a whole lot of settings options which is wonderful and I’m a bit hushed in deadline.

    Thanks for the attention.
    See ya,
    Danilo

    • This topic was modified 7 years, 3 months ago by daniloleal.
    • This topic was modified 7 years, 3 months ago by daniloleal.
    • This topic was modified 7 years, 3 months ago by daniloleal.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • I don’t think you’ll be able to do all that without adding a serious amount of extra CSS code. You can find the objects you want to change by right clicking on the object in the browser and selecting the last option (something like examine object?). Then you can add the extra CSS code in the theme options’ custom CSS tab.

    Quick extra thing: I think your other site has a topbar set, that’s why the menu and logo are on a different place.

    Thread Starter daniloleal

    (@daniloleal)

    @kacsa

    Hey, thanks for replying. Even if I can’t accomplish most of them, I really wanted to succeed in the problem 1 and 2 pointed out. Is there a way I can do those things?

    Thanks!

    • This reply was modified 7 years, 3 months ago by daniloleal.
    • This reply was modified 7 years, 3 months ago by daniloleal.
    hannah

    (@hannahritner)

    Hi daniloleal,

    1. Try adding this to your custom css box in Theme Options > Custom CSS:

    @media (max-width: 768px) {
#kad-banner #logo .kad-standard-logo {
    max-width: 200px;
}
}

    2. Add this to your css:

    .kad-header-style-basic #nav-main ul.sf-menu>li.sf-dropdown>a {
    line-height: 20px;
    margin-top: 15px;
}

    3. You can adjust with this css:

    .sf-menu li a:hover {
    color: #333 !important;
    font-weight: bold !important;
}

    Do you mean you want the header background to be white? And only for the homepage?

    4. I’m not really sure what you’re going for. Is that url a link to your site or an example of what you’re wanting?

    5. What is the link to your site?

    6. You can create a parallax effect using page builder. https://www.kadencethemes.com/using-page-builder/

    Hope that’s helpful!

    Hannah

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Home page, menu, footer, several questions’ is closed to new replies.