Hi Martin,

Thanks for that. Please try this CSS as well for the Tab Section:

.av-tab-with-image .av-inner-tab-title {
    width: 100% !important;
    text-align: center !important;
}

.avia-tab-title-padding-default .av-outer-tab-title {
    display: flex !important;
    text-align: center !important;
}

And this for the Accordion:

@media only screen and (max-width: 767px) {
#top .aviaccordion-preview-title h3 {
    font-size: 12px !important;
    word-break: break-all;
}
.aviaccordion-excerpt p {
    font-size: 12px !important;
}
}

Best regards,
Rikard

Hi,

– I removed the code from Customizer (you can find it here as well – https://pastebin.com/j9Yj3wKM)
– Disabled header widget code in Functions.php file of your child theme
– Added a new menu item to your menu and chose to display it as button
– Went to Enfold theme options > Advanced Styling and adjusted button menu item colors
– Added following code to bottom of Quick CSS field

#menu-item-61 .avia-menu-text {
    border-left: none;
}
#menu-item-8182 {
    right: 100px;
}
@media only screen and (max-width: 1200px) {
#top #header .av-main-nav > li > a {
    font-size: 15px !important;
}}
@media only screen and (max-width: 1055px) { 
#menu-item-8182 {
    right: 30px;
}}

Please review your website :)

Best regards,
Yigit

Hi,

Thanks for that. You have this somewhere in the theme, which is setting the size on mobile:

@media only screen and (max-width: 479px) {
.responsive #top .slideshow_caption h2 {
    font-size: 20px !important;
}
}

I can’t check where it’s coming from, since /wp-admin/ redirects to an account page.

This CSS which is likely added in the same place, is setting the size for the caption:

@media only screen and (max-width: 479px) {
.responsive #top .slideshow_caption .avia-caption-content {
    font-size: 13px !important;
}
}

This CSS is controlling the position of the numbers:

@media only screen and (max-width: 767px) {
.av-no-preview .avia-timeline .milestone_icon.milestone-icon-hasborder .milestone_inner {
    line-height: 60px;
}
}

And this controls the timeline:

@media only screen and (max-width: 767px) {
.av-no-preview .avia-timeline-vertical .av-milestone-icon-wrap:after {
    left: 32px;
}
}

Best regards,
Rikard

Hey Raphaela_Pla,

Thank you for the inquiry.

Based on the screenshot, looks like the Blog Posts element is set to have a grid layout. If that is true, you can use this css code to adjust the font size of the post title.

.avia-content-slider .slide-entry-title {
    font-size: 0.8em;
    line-height: 1.2em;
    margin: 0;
}

And regarding the image borders, please post the site URL in the private field so that we can actually check the blog posts element.

Best regards,
Ismael

Hey Knutnik,

You can change the container size under Enfold->General Layout->Dimensions. I’m not sure I understand what you mean about images and fonts though, could you try to explain that a bit further please?

Best regards,
Rikard

Hi,

It is not a bug. This is actually the default layout of the blog posts element when the sidebar is not enabled.

To remove the line below the posts and adjust the font size of the title and the read more link, try to add this css code.

body#top.home .av-alb-blogposts.template-blog div.post_delimiter {
    display: none !important;
}

body#top.home {
    font-size: 14px;
}

Best regards,
Ismael

Hi Alex,

Please try this CSS instead:

#top #header_meta a{
  font-size: 16px !important;
}

Best regards,
Rikard

Hi,

Sorry for the late reply. You will need custom CSS in order to adjust that unfortunately. Please try the following in Quick CSS under Enfold->General Styling:

@media only screen and (max-width: 767px) {
.avia-promocontent h2 {
    font-size: 30px;
}
}

Or you could try duplicating the element for mobile, and set the visibility accordingly.

Best regards,
Rikard

Hi Steph,

Please try this CSS instead:

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

.avia-content-slider .av-vertical-delimiter {
  display: none;
}

Best regards,
Rikard

Hey diefleischerei,
Vielen Dank für Ihre Geduld und den Link zu Ihrer Website. Bitte versuchen Sie dieses CSS in Ihrem Quick CSS:

#header_meta #menu-item-779 > a {
	font-size: 17px;
}

Die Schriftgröße beträgt jetzt 11px, und Sie haben nach 6px mehr gefragt, sodass der Code 17px anzeigt. Sie können ihn jedoch jederzeit anpassen.

— Translated with Google —

Thank you for your patience and the link to your site, please try this css in your Quick CSS:

#header_meta #menu-item-779 > a {
	font-size: 17px;
}

The font size is now 11px, and you asked for 6px more so the code says 17px, but feel free to adjust to suit.

Best regards,
Mike

Hi,

No, it is not. In your first post you are pointing us out to header, not slider heading.

Find following code

.angebotslider .avia-caption-title {
	font-size: 14px !important;}

and change it to following one

.responsive #top .angebotslider .avia-caption-title {
	font-size: 14px !important;}

Regards,
Yigit