Sticky social links and the typography of categories in the mobile version

[Feruz]

Dear Madam, Sir,

I’m contacting you regarding the issue with sticky social links and the typography of categories in the mobile version.

Indeed, for sticky social links, as I see, the format of social media icons is square, and I wanted to change them to a circle. To make this change, I added this CSS code:

/* Circle shape and center the icons */
.wd-sticky-social .wd-social-icon {
border-radius: 50% !important;
width: 40px;
height: 40px;
line-height: 40px;
padding: 0 !important;
display: flex !important;
align-items: center;
justify-content: center;
position: relative;
overflow: hidden;
transition: background-color 0.3s ease, transform 0.3s ease;
}

/* Icon font settings */
.wd-sticky-social .wd-social-icon i {
font-size: 16px;
line-height: 1;
}

After this code, the icon shapes were changed, but when I hover over the icon, it opens normally at first, but when I refresh my site, the social media icons don’t open. I’m sending you the screenshot, you can see it here:

https://tinypic.host/image/Capture-d%E2%80%99e%CC%81cran-2025-07-03-a%CC%80-16.46.59.D0TSe
https://tinypic.host/image/Capture-d%E2%80%99e%CC%81cran-2025-07-04-a%CC%80-02.51.07.D0e4H

My second question concerns the typography of categories in the mobile version. Indeed, all the categories are in capital letters, and I wanted to change only the first letter to capital letters and the rest to lowercase. Unfortunately, I couldn’t find the option to change this in the theme. Could you please tell me how I can change it? I’ll send the screenshot here : https://tinypic.host/image/IMG-6239.D0yrc

Thank you for your reply.

• This topic was modified 1 month ago by Feruz.

Hello,

01. Sorry to hear about the inconvenience. Kindly, please share your Site WP-ADMIN Login details in the Private Content field so that we can check this concern on your Site and help you out accordingly.

02. You can change the font by means of the Advanced typography option, which allows you to choose the item from a drop-down or insert your custom CSS class. Please navigate to the Theme Settings > Typography > Advanced Typography.

Here is the documentation providing more detailed instructions: https://xtemos.com/docs/woodmart/advanced-typography-settings/

Best Regards,

Hello Mr. Aizaz,

Thank you for your answer and support.

Indeed, regarding my first question about changing sticky social links to a circle format, could you please send me a modification to the CSS I sent you, and I will insert it into the theme?

For my second question, according to your information, I was able to change the typography of the categories in the mobile version, with the first letter in capitals and the others in lowercase. However, I was unable to change the first menu tab title (the word Home) and the second menu tab title (the word Categories). Could you please help me resolve this issue? I’ll send you the screenshot. https://tinypic.host/image/IMG-6249.2VVmk

Thank you in advance for your answer.
Best regards,

Hello,

01. Is there any chance that you could give me access to the dashboard area so I can have a look at the css on your website, please? Without seeing your issue on your site I am unable to give you a solution.

02. Navigate to WoodMart > Header builder > edit default header (highlighted star icon) or you can go through the admin bar directly https://prnt.sc/Ct9ehRDvvDV9.

Switch to the Mobile tab, hover on the Mobile menu element, click on the Pencil icon and scroll down to the Category section > https://prnt.sc/z532Aa-glTHl and you can change the title of the tab.

Best Regards,

[Author]

Posts