[guybower1Participant]

That is has just about cleared up the issues with the tabs on that page. I just need to decide on final colors, but that won’t take too long.

The only thing that just occurred to me was when I examined the page on different size devices, so hoped there was a workaround.

Due to some of the tabs having slightly longer names than others, on some screens, the tab heading wraps to multiple lines. This throws the borders all out of wack.

Is is possibly to have all of the tab headings centred top to bottom on the tab top and is it also possible that the tab tops are all the same height as each other, regardless of screen width?

Thanks so much again for all your great work

regards

[FriechModerator]

Hi There,

Sorry, but I am not seeing the tab title dropping even on a 980px width (979px title begin to be stack)

Please provide us a little more clarification of the issue.

Thanks.

[guybower1Participant]

hi Friech

Here is a screen grab from the Food Tour page that has what I mentioned. I would like to stop that from happening

Thanks so much Friech

cheers

[RupokMember]

Hi there,

Thanks for clarifying as it’s on different page. Let’s use this CSS :

.page-id-1524 .x-nav-tabs.top > li a {
  font-size: 13px;
  height: 50px;
}

If you have some tab title with less text (like 1 and 4 right now) then you can add some padding-top to vertically center them. If you can’t do it yourself; let’s finalize the text and update us. We’ll assist you to do this.

Cheers!

[guybower1Participant]

Hi Rupok

I will trim down some wording, but nice to know how to increase the height of the tab.

It will work a treat once I determine colors correctly

cheers

[Nabeel AModerator]

Cheers and have a nice day 🙂

Take Care!

[Author]

Posts