@Ismael,

I have another issue linked here for which I need assistance. I’m assuming you’ll likely be the one to respond to it since most of modifications I made to tabs section was from CSS you’ve posted in previous forum posts. Please let me know if I need to create a new issue, or what the enfold moderators need to move forward with the issue. LINK is here. – https://kriesi.at/support/topic/pill-tab-section-not-working-as-expected/

Thank you!

Hi,
I have a large monitor/screen so had to zoom out to screen shot the contrast between the full width content at the top vs. the boxed/not full width color section at the bottom of screen.

Thanks for the suggested fix! I set Maximum Container Width to 100% and the color section looks as expected on my large screen. I need to test that other screen sizes and all layouts (regular desktop, tablet)are OK before I close this out. Will be in touch in 3-4 days after testing.

Hello Ismael,

thank you very much – that worked! :-)

There are just three little things:
1) the search icon is not visible on large screens like laptop (is it blue?) – it should be white.
2) the menue should be in burger style when it is too long – the client has added one big menue item and now it is too big…
3) the italic text which is shown when the search field gives no entry “Bitte verwende einen anderen Suchbegriff” should be in white, too.

Can you help, please?

Kind regards,
Kati

Just to clarify, should I delete this:

@media only screen and (max-width: 479px) {
.responsive #top #wrap_all #main .products .product {
margin: 0 1% 1% 0;
width: 49%;
}
}

And replace it with this?

.responsive #top #main .products .product {
margin: 0 0 20px 0;
width: 100%;
}

Das Phänomen existiert auch ohne die ID “superlat” und kann auch auf frischen Installationen reproduziert werden.
Hier ist der Code um es zu reproduzieren:

<div id=’main’ class=’all_colors’ data-scroll-offset=’88’>

<div class=’main_color container_wrap_first container_wrap fullsize’ ><div class=’container av-section-cont-open’ ><main role=”main” itemprop=”mainContentOfPage” class=’template-page content av-content-full alpha units’><div class=’post-entry post-entry-type-page post-entry-2′><div class=’entry-content-wrapper clearfix’><section id=”” class=’av_textblock_section av-m0exh7bk-f420021c8c6e7a2c36feb8c4b82214e7 ‘ itemscope=”itemscope” itemtype=”https://schema.org/CreativeWork” ><div class=’av-desktop-hide av-medium-hide av-small-hide avia_textblock’ itemprop=”text” ><p>SIMPLE TEXTin TEXTELEMENT</p>
</div></section>
</div></div></main>

m.

Ok Mike, gotcha.

What about my last question?
Since I’ve settup a main mega menu, I cannot access the items of the top menu any more.
How can I fix that?

Ok, now I get a Bad Gateway error 502 with cloudflare udner that line. . . however when I refresh, it loads fine adn the sliders are there.

Not sure what’s up with the bad gateway, but I did see it with my last blog post but thought it was just a glitch . . I have refreshed all pages except Counseling Services > Personal Development Counseling, and Helpful Resources (on main menu across the top, by the magnifying glass). I’m guessing you won’t get the 502 bad gateway error except on those 2 pages (helpful resources is a top level page that is not under Counseling Services).

• This reply was modified 1 year, 1 month ago by gatehealing.

There are some other themes that have similar issues. It appears it is the <picture> tag causing the issue. For me I just stopped using image plugins and let the host’s CDN handle it.

Hi – I can’t see where this has been done..

@media only screen and (max-width: 479px) {
.responsive #top #wrap_all #main .products .product {
margin: 0 1% 1% 0;
width: 49%;
}
}

I could only see this in the Theme Options?

Sorry, this is far more than my knowledge of CSS can comprehend. I really don’t understand what you are talking about. All I want is the layout of the header on the mobile view to function. The Desktop view is ok.
Could you please be so kind to rewrite and replace the complete CSS file on the site directly then?

• This reply was modified 1 year, 1 month ago by ausgesonnen.
• This reply was modified 1 year, 1 month ago by ausgesonnen.