-
Posts
-
Hello Kriesi Team,
Compliment for the new update,
Tab section: have the following problem with responsiv representation, section are shown too far after rechs, partial are shown 2 section in 1, video + application, how can I fix the problem?On Ipad everything works.
Thank you
Giuseppe
Hallo Kriesi Team,
kompliment für das neu Update,
Tab Sektion: habe folgende problem mit Responsiv darstellung, sektion werd zu weit nach rechs dargestellt, teilweise werden 2 Sektion in 1 dargestellt, Video + Anwendung, wie kann ich das problem beheben?auf Ipad funktioniert alles.
danke
Giuseppe
Hi Giuseppe,
Thanks for the feedback. Could you post a link to the site in question so that we can take a closer look please?
Best regards,
RikardPage is not online
https://abate-decorate.com/produkt/marmorino/Thanks in advance for your support
Best regards
Giuseppe
Hi Giuseppe,
The problem here is with the table, it’s fixed width pushes other elements to the side. For the mobile view tables are tricky. If you want your users to see the table you have to add custom functionality, so that the table is scrollable sideways and does not break out of its container.
Or you can hide this tab on mobile and other tabs look normal. This option is available in editing tab menu in Advanced Layout Editor.
Let us know if you have any more questions.
Best regards,
VictoriaHello Victoria,
Thank you for your reply, even though I do not understand it …Why if I at tab 2 an element insfüge on mobile view is shown to rigth to the extent and with side scrolling the element slips
On tab 3 and the presentation is 100% good!
https://abate-decorate.com/produkt/rustik-1/#anwendung
regardsGiuseppe
Good day kriesi team, regarding tab section: what is the code to show contents on whole width?
Problem is the rigth and left too much free space remains.And how can I reach the container content scrolling but only applied to mobile devices?
is that possible?Thank you for your support
greetings
Giuseppe
Hi giu13,
For mobile devices – means for smaller screens. You can use media queries for that.
You are putting a lot of very wide and complicated content in tabs, it’s going to be very hard to make it look good on small screens.Best regards,
VictoriaGood morning Enfold team, with tab section the 4 tab does not react especially on firefox, and on mobile
Not at all, is a bug?
Or what can it be?
Attached with all the shortcode which I have inserted additionally.
Thank you for your support.
Best regardsGiuseppe abate
https://abate-decorate.com/produkt/style-antico/#farbtonkarte-infos
.iconbox .entry-content-header h3 { font-size: 15px !important; }
#top .iconbox_content p{ font-size: 12px; !important;}
.custom-class span.av-seperator-icon { font-size: 94px; !important; }span.av-seperator-icon { font-size: 26px; }
#top .aviaccordion-preview-title-wrap { background: rgba(0,0,0,0); } #top .aviaccordion-title { font-size: 46px; line-height: 1.8em;
font-family: ‘Sacramento’, ‘Helvetica Neue’, Helvetica, Arial, sans-serif; font-weight: lighter;
text-transform: none; }
#top .aviaccordion-preview-title-wrap, #top .aviaccordion-preview-title-pos { height: auto!important; }.page-id-230 .av_promobox { background-color: rgba(255, 255, 255, 0); border: none; transparent!important; }
.required { color: #f07b2d !important; }
.avia-testimonial-content p { font-size:90% !important; }
.tabcontainer .tab_icon { color: #927a43 !important; }
.tabcontainer .tab_icon { font-size: 18px !important; }.avia-datepicker-div.ui-datepicker { z-index: 1000 !important; }
/*Menu und sekunder menu*/
.logo img {
width: 360px !important;
}
.logo img { margin-top: -0px; }
.header-scrolled .logo img { margin-top: 0; }
#top ul:first-child > li > a:hover {
color: #ff7337;
}
#top ul:first-child > li > a {
color: #d6bd8a;
}
.sub_menu li.current-menu-item > a,.sub_menu a:hover {
color: #ff7337!important;
}/*promo box button*/
.page-id-200 .avia-button.avia-size-small {color: #d6bd8a!important;
}.avia-button.avia-size-small {
font-size: 15px!important;
}.avia-button.avia-size-small, .avia-button.avia-size-medium, .avia-button.avia-size-large {
color: #fff!important;
border-color: #d6bd8a!important;
background-color: transparent;
border: 3px solid;
}
.avia-button.avia-size-small:hover, .avia-button.avia-size-medium:hover, .avia-button.avia-size-large:hover {
color: white!important;
border-color: #d6bd8a!important;
background-color: #ff7337;
border: 3px solid;
}.ls-slide.ls-animating {
width: 1346px !important;
}.phone-info.with_nav {
font-size: 13px;
color: #ff7337 !important;
}avia-fullwidth-slider { border-top-style: none; } @media only screen and (max-width: 480px) { .title_container { display: none; }}
#top .title_container .main-title a { display: none; !important;} .title_container .breadcrumb { font-size: 12px; }.title_container .breadcrumb { left: 6px; top: 14%; }
.title_container { height: 22px; }
span.breadcrumb-title { display: none; }
.title_container, .title-container { background: #d6bd8a !important; }
#main .breadcrumb,
#main .breadcrumb a {
color: #f2f3f5 !important;
}
- You must be logged in to reply to this topic.