ResolvedSub menu and third menu level font size and mobile logo size

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #23520
    beunyke
    Participant

    Hello again guys,

    sorry to create another topic.

    1- I am having some issues, my client wants the same logo for mobile and desktop.

    Even when I use different sizes for desktop and mobile I can’t figure it out a way of changing the size of the desktop logo without automatically changing the mobile size (even using different image files.

    I am using the following code to adjust the logo position in desktop :

    #header #logo {
    max-height: 125px;
    margin: -6px 10px 0px -10px;
    }
    #header #logo img {
    max-height: 70px;
    }

    2- I have changed the font size for asmaticsc which is the one my client wants because of the logo. In the main menu, the size of the 1st level it’s perfect, but for the submenus it decreases a lot at a point which becomes almost impossible to read (only in desktop, mobile it’s a good size), specially the third level menu (link for the website: https://marianapintinhas.pt/ ).

    I tested with the theme font, and it’s perfect, which I believe it is because this font shows up in a smaller size. How can I change the size of these sub menus? I also noticed that description and prices, the newsletter letters and the footer font size, shows the same size (smaller). I tried to change the font sizes in theme options, but I doesn’t change nothing, only the 1st main menu level.Is there a way of changing with css? I don´t have programming skills.

    3- At the top right corner, the buttons, for my account, whishlist, cart, if I add a product to cart, the number changes and in this case it has a dark circle around the number, how can I only change that circle for another color?

    4- How to change the height of the white bar where the logo and main menu are located? so that we don’t have a big white gap at the top and bottom.

    5- What plugin to I need to add in order to make the newsletter banner to look like yours in initial theme? I have the contactform7 instaled.

    Thanks in advance for your help.

    #23564
    Althemist
    Keymaster

    Hello beunyke,

    1. I’d suggest making the logo changes inside a media query. Something like this:

    @media only screen and (min-width: 1280px) {
    #header #logo {
    max-height: 125px;
    margin: -6px 10px 0px -10px;
    }
    #header #logo img {
    max-height: 70px;
    }
    }

    Also, please note that it’s clearly stated that the recommended mobile logo size is 50x50px. Otherwise the header layout can’t be preserved in one line.

    2. Just change the size with CSS:

    #main-menu li ul.sub-menu li:not(.babystreet_mega_text_block) > a {
        font-size: 18px;
    }

    3. CSS:

    #cart-module .cart-contents span.count {
        background-color: #yourcolor !important;
    }

    4. This can’t be changed without rewriting the entire header CSS. Otherwise the header may break.

    5. You’d need to use the MailChimp 4 WordpPress:

    MC4WP: Mailchimp for WordPress

    Hope this helps.

    Regards,
    Dimitar

    #23608
    beunyke
    Participant

    Hello again Dimitar,

    1- Is resolved.

    2- I have made the changes and It worked. But in order to change this sub menu font size, The previous level of the title it stays almost at the same size. how can I change the 2º level font size of the menu without changing the primary and this 3º level that we have changed? So sorry to ask you again about this issue.

    About the rest of the font sizes, specially with the product links, description and prices, newsletter text, and other places around the website, like the footer for example, all are small when using this asmaticsc font like this ( https://drive.google.com/file/d/18xx8ZGJbP9y_r55Ualr-UVaEhiPEnVFJ/view?usp=sharing , https://drive.google.com/file/d/1BKNDF5ANmCNOBw2Ht9hNUv3o7LcAwMtE/view?usp=sharing )

    3- Is resolved.

    4- I will attach a screen shot ( https://drive.google.com/file/d/1gqDmiSm8h7_Hv4eN-a983wo_dF09LB2e/view?usp=sharing ) this is the big gap that I am talking about. If we can´t change this is there a way to align the menu and logo like in the middle of the bar?

    5 – Thanks.

    I have another questions to make:

    6 – How can I change the background and the font colours of the mobile menu? I can’t find a way to change this. At the moment is showing black background and white font colours.

    7- Is there a way to change the font size of the mobile menu?

    8- How do I change the font style to another one in the footer menu? I would like the right and left column to be with the same font as the middle one ( https://drive.google.com/file/d/1zGx4QhYMpKQiyTv_B0Eo6taU5i9HEhdA/view?usp=sharing )

    9 – How can I change with css the color background of the sub menu background? ( https://drive.google.com/file/d/1zGx4QhYMpKQiyTv_B0Eo6taU5i9HEhdA/view?usp=sharing

    #23837
    beunyke
    Participant

    Hello guys, I just saw your announcement,

    sorry to hear that and I hope your team are all well and safe.

    I have now an issue related with the menu font type.

    In the backoffice we can change the body and titles of the website, for the font type listed in the options.

    But, since the font type we have with our logo, isn’t that good readable in the body of the site, we only want our font type (Amatic SC) to be showed in the menus, but not in the rest of the website.

    I have added the following css code, to change this, but it only changed for the homepage menu. If I open another page, the title will show a different font type, not even the one I have selected in the backoffice, it looks like times new roman or arial, as you can check in the website: https://marianapintinhas.pt/

    CSS CODE:
    #main-menu ul.menu li a, ul#mobile-menu.menu li a, #main-menu li div.babystreet-mega-menu > ul.sub-menu > li.babystreet_colum_title > a {
    font-family: Amatic SC;
    }

    Thanks

    #23954
    Althemist
    Keymaster

    Hello beunyke,

    Sorry for the late reply. I have just checked and it looks like you managed to change the font successfully.

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in and have valid license to reply to this topic.

License required for any item belonging to this account
AlThemist

AlThemist

sales 17375, followers 742
Login and Registration Log in · Register