Good input Victoria , Guenni007
I will investigate further, Yes I don’t need to use all of the text , I was just showing you an example of what I was trying to do.
Below is my inspiration site Guenni007 , I think this is what your suggesting when your saying “you could insert your images as grid-cell background”
correct, something along those lines ?
https://www.openblue.com/

On another site I had the same issue and Mike gave me some input on post #1110875 on the use of media queries , see his response below.
However I was not quite sure how to implement, and had to move on as I was under a time constraint. If it’s possible using media queries to set the font size by percentages as Mike suggest any input would be great as far as a step by step how to implement.
I do have custom classes enabled for this site , I see the field at the bottom of each element I.m not sure what to do from there.
Thank you any input is greatly appreciated

Mikes Response Below
=====================
Hey webworm72,
You can use these media queries:

/* ———– iPad Pro ———– */
/* Portrait and Landscape */
@media only screen
and (min-width: 1024px)
and (max-height: 1366px)
and (-webkit-min-device-pixel-ratio: 1.5) {

}

/* Portrait */
@media only screen
and (min-width: 1024px)
and (max-height: 1366px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 1.5) {

}

/* Landscape */
@media only screen
and (min-width: 1024px)
and (max-height: 1366px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 1.5) {

}

Try adding a custom class or ID to the text area and then we can set the size in percentages like:
font-size: 70% !important;

Best regards,
Mike

Hi Ismael !
That did it , it’s working good now. You can close this ticket
Again thank you very much for the assist on this one, it really is nice to have such a fantastic support team like you guys.
If there is a place I can leave a glowing review let me know.

Thanks
Tony

thanks Mike for help , you can close this ticket .

HI Ismael

Ok I reset both passwords see below in Private Section

• This reply was modified 5 years, 3 months ago by webworm72.

thanks Ismael , That’s what I thought you probably meant , I just tried again , still no difference in the behavior of the tab content area using the drop down menus. I left the modified tabs.js file live any way.

I’m still don’t understand why linking to the tab content using the main menu creates this issue you still end up at the same place
https://intranet.martinharris.vegas/operations/#tab-id-1

Is there any other workaround you think of ?

Thanks Ismael for the directions !

To keep it simple I did not worry about the the child theme , I modified the tabs.js file in the core theme folder as you described in your first post and it made no difference. See what i did below to make sure I did it right and did not miss anything.

Below in Private content is the original tabs.js file from this install before it was modified.

Below is what i removed from file below in private content . I then uploaded the modified tabs.js file via FTP , cleared the browser cache and cleared the page cache, and still no change in behavior.

if(win.scrollTop() > el_offset)
{
$(‘html:not(:animated),body:not(:animated)’).scrollTop(scoll_target);
}

thanks !
can you take a look at this ticket
#1120490

you can close this ticket

thanks Mike you can close his ticket

Thank you very much for the response Basilis !!!
To keep it simple for troubleshooting purposes I uploaded the theme to a domain that I am not doing anything with.

The install below is WordPress 5.1.1 and the Enfold v4.5.6, no plugins at all being used and it is still doing the same things when Tab Titles are left empty.

So yes it appears to be a minor bug / issue with the tab code. I can certainly provide admin logins to this install, although I’m sure you can replicate this on your end.

let me know
Thanks

thanks Jordan !

so that code snippet essentially removed the tab with the “1” completely , which removed the vertical padding that the tab creates
I looked at the other pages and any tab after the 4th tab is removed with that code snippet.

I don’t don’t understand why the code inserts a “1” when you simply leave the Tab Title Blank , is that a bug ?
for example on page below , you will see the 4 tabs at the bottom with the “1” inserted when we leave the “Tab Title” section blank
https://intranet.martinharris.vegas/information-technology/

• This reply was modified 5 years, 6 months ago by webworm72.

Hi Jordan thanks for the response.

All I am trying to determine is if there Is a code snippet we can use so that it will remove the default “1” when a tab has no title ?

you can close this ticket

you can close this ticket

thanks Victoria
you can close this ticket