Maintence of Basel Header

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

Attachments:

You must be logged in to view attached files.

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

Attachments:

You must be logged in to view attached files.

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

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;
}
}

Hello,

Have you anything now requiring our help?

Best Regards

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!

Attachments:

You must be logged in to view attached files.

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

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?

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

[Author]

Posts