Home Forums Basel – Premium Template Maintence of Basel Header

This topic contains 8 replies, has 2 voices, and was last updated by Elise Noromit Elise Noromit 1 week, 5 days ago.

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #306397

    oleg_dmitriev
    Customer

    Hi Artem and Elise,

    Can you please help me with the Header:

    1) In the Header, I cannot reduce the width of div.right-column. It is stuck at 250px. I need to reduce it to 200px or so. Of coure I go to Theme Settings -> Header -> Right column width, set to 200px, save, clear cache, but no difference.

    Can you please say what can be the issue?

    2) In the Header, in the Right Column, for some reason the Account (Head) icon has disappeared and I cannot get it back. I guess it was my mistake somewhere. Can you please suggest why it’s missing?

    I go to Theme settings->Header->MY ACCOUNT LINKS->Show in the Header->YES
    still the icon is not showing
    [see screenshot]

    3) I am trying to add custom color to some of the Menu Items in the Main menu.
    So, I create a class
    .iw-menuitem {
    color: #c41e3a;!important;
    }
    and assign is class to the menuitem in the main menu. However, in the Console I can see that this class is crossed off, so it’s not appled. Can you please help how I need to modify it?
    [see screenshot]

    Thanks!
    Oleg

    Private Content Hidden
    Attachments:
    You must be logged in to view attached files.
    #306454

    oleg_dmitriev
    Customer

    Hi Artem, Elise,
    The issues (1) and (2) were created by me. I couldn’t trace them, simply updated the theme to 5.4.2 and they disappeared. Sorry 🙂

    However, the issue (3) still remains. Can you please correct my CSS or send new CSS.

    Plus, two more things:
    4) How can I remove .top-bar-right, and make text in the .top-bar-left in the center?
    I try to add CSS but it’s not working (I guess, wrong CSS :))).
    [see screenshot]

    5) In the Sticky header, I have too many menuitems. In the Sticky Header, how can I remove the Logo and the basket, so there is only Menuitems?
    [see screenshot]

    Thank you!
    Oleg

    Private Content Hidden
    Attachments:
    You must be logged in to view attached files.
    #306463

    Hello,

    As I understand you ​have updated the theme, please provide site admin access to the private area.

    I will check the settings.

    Best Regards

    #306851

    oleg_dmitriev
    Customer

    Hi Elise, it’s OK, solved with some CSS. already on live https://www.independent.wine

    Issue 3:
    since the menuitem is clickable, I changed CSS to
    .iw-menuitem a {
    color: #c41e3a !important;
    }

    Issue 4 and 5:
    🙂 @media only screen and (min-width: 992px) {
    .sticky-header .site-logo,
    .sticky-header .my-account-with-username,
    .sticky-header .header-links.my-account-with-username.my-account-with-icon,
    .sticky-header .mobile-search-icon {
    display:none;
    }
    .sticky-header .right-column {
    width: 100px;
    }
    .top-bar-left {
    text-align: center;
    }
    .top-bar-right {
    display: none;
    }
    }

    #307199

    Hello,

    Have you anything now requiring our help?

    Best Regards

    #307266

    oleg_dmitriev
    Customer

    Hi Elise,
    yes I need your help – sometimes I need to add single products on posts/pages, not grid. So I want to use the element “Woo Product”.

    How can I hard set size of the “Woo” Product element to the same size as “Product Grid” when I have three columns?

    The problem is, when the “Woo” Product element is sitting in the Row on its own, it has a good size. But when you have some other content in the row (text), the “Woo” product becomes tiny.

    How can I set it to the bigger size? Of course I want to to be responsive too.
    Thanks!

    Private Content Hidden
    Attachments:
    You must be logged in to view attached files.
    #307281

    Hello,

    Woocommerce element is not stable and does not inherit the theme styles. You can show one product by Product Grid by inserting ID and narrowing the width (if you do not want it to be wide) by the width of the column.

    Best Regards

    #307500

    oleg_dmitriev
    Customer

    Hi Elise, thank you for the tip!

    I used the Basel “Grid” element to display 1 product only (by selecting “Include only:List of IDs”).

    How do I align this one product in the centre of the row?

    Private Content Hidden
    #307614

    Hello,

    You need to create 3 columns in the row, insert the element in the center.

    Actually, you need to configure the width and offset of the columns.

    If you have any questions please feel free to contact us.

    Best Regards

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

You must be logged in to reply to this topic.