deduice

Thank you @prosenjitbarman.

I followed the video and it worked accordingly.

I used the code above but it didnt work as intended.
However, i used the CSS code your provided previously and it worked.

`/*Tab-Grid CSS Including*/

@media (max-width: 768px){
.tab-grid .elementkit-tab-wraper:not(.vertical)>ul>li>a {
padding-left: 10px !important;
padding-right: 65px !important;
text-align: left !important;
}
}

Thanks and cheers

Thank you or you response.

The above code above didnt work as expected. It stretched the entire tab title item as opposed to center align the text and thats not what i wanted.

When i removed this CSS code you provided days ago, the tab title get centralized by itself. Whoever, that affected another tab section on the site.

@media (max-width: 768px){
    .elementkit-tab-wraper:not(.vertical)>ul>li>a {
        padding-left: 10px !important;
        padding-right: 65px !important;
        text-align: left !important;
    }
}

======================

Here is my question: Is there a way i can just target that one particular tab section i want to make changes on and apply the code on without affecting another tab section on the site?

It worked. Thank you, Benjir

Thank you Benjir. I haven’t solved it yet. I’m actually referring to ‘Supporting communities’, menu link, not its megamenu dropdown links. The menu link ‘Supporting communities’ should be clickable and open the page because its an independent page.

Hope you understand me?

Hello @prosenjitbarman.
Happy New Year to you.
Thanks once again for your helpful answers.

On Question 1, the issue is still present.
Is there a way to keep the underline red line to stay on the grey line dynamically without the need to alter the CSS code? Reason because we will be updating the tab content every now then and it wont be a wise thing to ask one’s client to edit the code. If there’s a way this can work dynamically i will appreciate.
You can check the Tab to see the updated content and how it affects the each tabs > https://webdev-projects.com/armanvestad/tab-designs/

=====

On Elementor Tablet view 768 x 560, the Tab items are not responsive maybe because of the spacing between the tabs. How do i reduce the spacing? See screenshot here> https://imgur.com/GpZCoJf. Here is the link to the page > https://webdev-projects.com/armanvestad/tab-designs/. It’s the one below the first tab

Cheers

Thank you for the response.

Can you help me with the CSS code that I can use to achieve it?

Thank you

By the way, you guys need to improve your response time on here. It’s not good to wait for 1 week before I can get a response to a query. However, if there’s a faster way to get my query answered, do let me know

Hello, @prosenjitbarman

Thank you once again.

Question 1:
Another issue came up after using the code, it affected another item/tab 3 on this Tab section on the site. Please see the page/section here > https://webdev-projects.com/armanvestad/tab-designs/. The section is the one below the first one.
I deleted the code from WordPress Additional CSS Customizer section and pasted inside
Elementor CSS section, the same issue happened.

Question 2:
On Tablet view, the Tab items are not responsive. they need to be inline like that of the Desktop view. See screenshot > https://imgur.com/2WrV2Rz

Question 3
Is there a way i can have the length of the underline red line to fit within the width of the title text rather stretching beyond both ends of the text?

See image for context: https://imgur.com/yALufok

Thank you in advance

• This reply was modified 2 years, 11 months ago by deduice.

Hi @prosenjitbarman
Thank you. I understood.

See image for reference > https://imgur.com/0TYNJ9o

I’m facing a new issue. On the left image, if you click on the tab, the underline red line stays on the grey line. While on the right image, if you click on the tab, the underline red line move above the line and stay close the title text.

The question is: how do i keep the underline red line stay on the grey line regardless of the text height of the title text?

Cheers

• This reply was modified 2 years, 11 months ago by deduice.

Thank you for your help. It worked perfectly for the Desktop and Mobile view, but it’s not breaking into three lines on the Tablet view. It’s on a Straight line on Tablet view.

Kindly help.

Thanks as always.

Thank you for this. It worked but the text isn’t aligning to the left side – is still centered. I want it aligned to the left side of the screen.

On mobile view, can I also have the Tab Title broken in multiple lines as we have on the Desktop view?

Thank you

Ok
Thanks you for the clarification

Ok. Assuming I’m looking to show a popup to someone who visits my site from Norway, with the IP condition, how do I go about this?.

For context: the site is a multilingual site – English and Norway. The said popup should be triggered if the user is from Norway. It shouldn’t pop up to English users.

Thank you for your reply. I’ve already sorted that out.

Kindly take a look at this topic I posted a while back whether there is a solution for it>>>> https://www.ads-software.com/support/topic/repeated-articles/

Thank you.

Absolutely! I’ve given it a 5 star rating. Thanks for the help as well

This works so fine. I think the issue was code conflict with another code.