Hi,
To have the large font on desktop also and have the links black, use this css instead:

#top .phone-info {
	font-size: 22px;
}
#top .phone-info a {
	color: #000;: 22px;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hey diefleischerei,
To change your topbar text to links, you would wrap the text with html link tags like this:
Zum <a href="/newsletter/">Newsletter</a> und <a href="/shop/">Shop</a>
please note the links are examples so you will need to adjust the url “href” to your links.
To make the topbar text larger on mobile, try adding this css:

@media only screen and (max-width: 767px) { 
	#top .phone-info {
		font-size: 22px;
	}
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hey Lene,

Please try the following in Quick CSS under Enfold->General Styling:

.iconlist_icon span.iconlist-char {
  font-size: 60px; 
}

Best regards,
Rikard

Hey woogie07,

Please try this in Quick CSS:

.widget_recent_entries li a {
    font-family: inherit;
    font-size: inherit;
    font-style: normal;
}

Best regards,
Rikard

Hi,

Website 1
I checked your website on my iphone in landscape mode but it looks fine to me. Title font size is big however if you decrease it by referring to our previous replies, it should look great.

If I did not understand the issue, could you please post a screenshot and show the changes you would like to make? You can upload your screenshots on imgur.com and post the links here.

Website 2
5) Sidebar
It seems like “Do not show sidebar on smartphones” option not enabled in theme options. Could you please confirm that? If it is not enabled, then please check your custom CSS for following code

  @media only screen and (max-width: 767px)
.responsive #top #main .sidebar {
  display: none;
}

You can add following code to Quick CSS and change page ID (“page-id-6968” in example below) to display sidebar on mobile on specific pages

 @media only screen and (max-width: 767px) { 
.responsive #top.page-id-6968 #main .sidebar {
  display: block;
}}

6) Header
Please add following code to Quick CSS field in Enfold theme options > General Styling tab

@media only screen and (max-width: 990px) { 
#header_meta {
  display: none;
}}

Best regards,
Yigit

Hey Ivana,

Thank you for the inquiry.

Did you add this css code somewhere in the site?

#top #wrap_all .av-inherit-size .av-special-heading-tag {
    font-size: 0.8em;
}

#top #wrap_all .av-inherit-size .av-special-heading-tag {
    font-size: 1em;
}

Please remove the css temporarily, then toggle or temporarily disable the Enfold > Performance > File Compression settings afterwards.

Best regards,
Ismael

Hey marcyt3,

Thank you for the inquiry.

Looks like the css files are compressed. Did you install a css compression plugin? This is the style of the h2 element when we checked, applied in the Enfold > Advanced Styling panel.

#top #wrap_all .all_colors h2 {
    color: #800009;
    font-size: 19px;
    font-weight: lighter;
    text-transform: none;
}

Please try to disable the css compression plugin temporarily and see if it helps.

Best regards,
Ismael

Hey Tilman,

Please try the following in Quick CSS under Enfold->General Styling:

h3.grid-entry-title {
  font-size: 18px;
}

Best regards,
Rikard

Hi,

Thank you for following up.

1.) You can use css to pull the combo widget upwards and position it closer to the widget title. Each widget has its own unique ID which can be used to style them.

2.) You don’t have to keep the file compression disabled forever, only while editing the site. We actually increase the size of the text, default is 0.85em. Please try this again.

#top .news-content {
    font-size: 0.5em;
}

OR

#top .news-content {
    font-size: 11px;
}

Best regards,
Ismael

Hi,

Thank you for the update.

1.) Above the combo widget, you can add another text or html widget and use it as the title of the widget below.

2.) Which fonts or text? The font size of the text inside the combo widget is actually quite small. You can adjust it with this css code if you like.

#top .news-content {
    padding: 7px 0 3px 0;
    line-height: 1.7em;
    position: relative;
    overflow: hidden;
    font-size: 1em;
    display: block;
    clear: both;
    margin: 0;
}

You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings afterwards.

Best regards,
Ismael

Hey stefpasi,

Could you try adjusting the font sizes for all screen sizes in the element options please? Check under Styling->Font Sizes.

Best regards,
Rikard

Hi,

Thank you for the info.

We are still not sure why the icon shortcode is not rendering inside PUM but we managed to work around the issue by applying the PUM ID directly as the class name of the h2 element.

Example:

<h2 class="popmake-6441" style="font-size: 16px;">[av_font_icon icon='ue84d' font='entypo-fontello' style='' caption='' link='' linktarget='' size='16px' position='left' color='' av_uid='av-hxbli8-1'][/av_font_icon]Grundriss KG</h2>

Best regards,
Ismael

Hi,

We are sorry for the late reply!

1- I edited your Grid Row element and set the minimum height to 500px.

2- Setting minimum height took care of this one as well because you already set the alignment to bottom

4- I edited your custom CSS code and changed it to following

.staffBio {
 background: rgba(255,255,255,0.6); 
  padding: 10px;
  color: #000000!important;
  font-size: 13px!important;
  line-height: 18px;
}

Please review your website :)

Best regards,
Yigit

Hi,

Thanks for that. Please try this in Quick CSS:

.avia-content-slider h3.slide-entry-title {
    font-size: 16px;
    color: #fff;
}

Best regards,
Rikard