Yes, there is a bug in Beta 2 version :(
Please see the link in private content.

I placed code below into PAGE and the same code into FOOTER text widget. It is all about icons. On the page icons appeared, in the footer text widget not..

<div class="row-fluid">
<div class="rhcol span1"></div>
<div class="rhcol span4">
<h4>Contact</h4>
 (Email address hidden if logged out) 
07740 111 111 111

</div>
<div class="rhcol span3">
<h4>Follow</h4>
[av_font_icon icon='ue8f5' font='entypo-fontello' style='' caption='' link='manually,https://www.facebook.com/hidden/' linktarget='_blank' size='30px' position='left' color='' custom_class='' admin_preview_bg='' av_uid='av-e5s6w'][/av_font_icon][av_font_icon icon='ue909' font='entypo-fontello' style='' caption='' link='manually,https://www.instagram.com/hidden/' linktarget='_blank' size='31px' position='left' color='' custom_class='' admin_preview_bg='' av_uid='av-72gu0'][/av_font_icon]

</div>
<div class="rhcol span2"><a title="Flowers From The Farm Member" href="https://www.hidden.co.uk/members/hidden" target="_blank" rel="noopener"><img class="alignleft wp-image-374" src="https://www.hidden.co.uk/wp-content/uploads/flowers-from-the-farm.png" alt="" width="174" height="117" /></a></div>
</div>

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!

I was able to change the font size in the sub level menu – thanks for that.

I did keep changing the menu, but the same issue is still there where if I hover over the main menu, then scroll down to hover over sub menu links, that main menu font turns green and I can’t see it (to be honest, I don’t know why when I hover over the main menu categories, a green box shows up).

I’ll put log in info below – thanks.

Hello, thanks for your answer.

I see that there is a possibility for Resize font (font resizer) in it.
But I also need something for ‘text to speech”.
What are you suggest?
Regards Tom

• This reply was modified 6 years, 3 months ago by tom.

so there is no way to have the text smaller depending on the device , isn’t that what the “Screen Options” are for in each element ?
so you can set the text sized based on the device ?
Under “Screen Options” it says
Font Size
Set the font size for the element content, based on the device screen size
I tried using
Font Size for medium sized screens (between 768px and 989px – eg: Tablet Landscape)

however it doesn’t do anything , Isn’t the IPad pro considered a tablet ?

Still nothing…..

If i disable cookie and privacy all together then the font weight changes in chrome to the same size font as Safari!

Turn it back on and its how it should be.. (but only in chrome still and always wrong weight in Safari)

The cookies and privacy also acts differently in Safari than Chrome, ill raise a separate ticket for that..

This is very frustrating as we are due to start a new build today and messed around with this all day…

1: This is a brand new install of the latest version (and even now the beta version)

2: Enfold child theme is installed (but not activated)

3: We are using just the enfold them as of now.

4: Only plugin installed is TINY- mce advance. We have even turned that off.

It behaves different in Safari than chrome – Basic level stuff here guys the font weight for open sans is different..

Can you assist as we would relay like to get own with building the site..

• This reply was modified 6 years, 3 months ago by mmsdev.

Thank you Rikard. The code works perfect. But i recognized another problem at this page. I use this code the arrange the social share icons at the end of the page. only the email ivon is there, the others are not. they are here (mouse over) but you cannot see the other icons. can you help me with this. thanks, alex

/* Teilen Buttons vergrößern */
.av-share-box ul li a{
font-size:30px!important;
}

/* Teilen Buttons in drei Reihen untereinander */
@media only screen and (max-width:767px) {
#av_section_1 .av-share-box-list {
	display: flex !important;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content: space-around;
}
#av_section_1 .av-share-box-list::before, .av-share-box-list::after {
  content: '';
  width: 100%;
  order: 1;
}
#av_section_1 .av-share-box-list li:nth-child(n + 4) {
  order: 1;
}
#av_section_1 .av-share-box-list li:nth-child(n + 7) {
  order: 2;
}
}