Forum Replies Created
-
Posts
-
HI,
Not work. The goal is the alignment to be vertical in the middle! Just like the setup informed in the column setup.
Follows a link where the setup worked, because is a new page which reinforces to be a BUG of the theme that occurs in older pages.
Hi,
The intention is to be aligned vertically in the Middle. For this reason it was set column settings of Equal Height Columns to ‘Equal height’ and Vertical Alignment to ‘Middle’
HI,
NOT the solution.
Using this quick CSS the effect is similar to: Equal Height Columns – Individual height
Losing the Vertical Alignment to ‘Middle’
Thank you.
The solution works locally, HOWEVER I noticed that the problem is in the GRID ROW!
It interferes in the mobile behavior of all the color sections and columns that are after it.
I believe this is a BUG that should be reported and corrected for upcoming versions.
The problem was listed here: https://kriesi.at/support/topic/main-container-wrap-bugged-if-color-section-or-grid-row-is-first-element-on-page/#post-590525
The problem occurs when inserting GRID ROW into older pages. When creating a 100% new page it apparently does not occur.
Hi,
It is easy, just look at in the second GRID ROW or:
id="av-layout-grid-2"The second GRID ROW is the problem.
Hi,
In the link you can check the problem… the mobile menu is overlapping the main menu in small devices.
Thanks
Hi,
I solved part of the problem using this code so that the css is applied in the second part of the “span”, however it has an out-of-normal delay.
Any suggestions on why this occurs?
span.av_font_icon.avia_animate_when_visible.av-icon-style-border.icone.avia-icon-pos-center.avia_start_animation.avia_start_delayed_animation span.av-icon-char { background-color: #d0d0d0; padding: 15px; border-color: #d0d0d0; margin-bottom: 10px; color: #ffffff; }Hi,
I’m trying to get the parallax effect, so I want to fix the image in the color section, so when the user scrolls the page the image will be fixed.
HOWEVER when I apply the CSS, It stays fixed for all other color sections, being seen even in the comments area.Thanks
Hi,
That’s why I kept the default editor. I tried to use:
.avia-section { position: static; width: 120%;}BUT only one side was changed.
Oher option was:.container.template-blog.template-single-blog { margin-left: 0px; margin-right: 0px; padding-right: 0px !important; padding-left: 0px !important; }BUT the post is no more center.
I was able using this code:
@media only screen and (max-width: 990px) { #advanced_menu_toggle, #advanced_menu_hide { display: none !important; } .responsive.html_mobile_menu_tablet .main_menu .avia-menu { display: block; }}BUT NOW a new problem, with 768px the menu goes down the logo.
Any sugestions?
Hi,
As always you were right.
It was the effect of a problematic plugin. Problem solved. Thank you and sorry for the inconvenience with access.
THANK YOU
Hi,
Thanks. But I tried two ways without success. The post does not accept the code correctly (because it is released in the wrong position)
(EXAMPLE CODE) Using (debug field for the Avia Layout Builder )
[av_section min_height='custom' min_height_px='100px' padding='no-padding' shadow='no-border-styling' bottom_border='no-border-styling' id='bback' color='main_color' custom_bg='#32a5d2' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' custom_class=''] [av_codeblock wrapper_element='' wrapper_element_attributes='' custom_class=''] [av_sidebar widget_area='HAMBURGUER'] <div class="centrotitulo">[page_title]</div> [/av_codeblock] [/av_section] [av_hr class='invisible' height='100' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello' custom_class=''](EXAMPLE CODE) Using (view-source )
<div id='bback' class='avia-section main_color avia-section-no-padding avia-no-border-styling avia-bg-style-scroll avia-builder-el-0 el_before_av_hr avia-builder-el-first av-minimum-height av-minimum-height-custom container_wrap fullsize' style = 'background-color: #32a5d2; background-color: #32a5d2; ' ><div class='container' style='height:100px'><main role="main" itemprop="mainContentOfPage" class='template-page content av-content-full alpha units'><div class='post-entry post-entry-type-page post-entry-18226'><div class='entry-content-wrapper clearfix'> <section class="avia_codeblock_section avia_code_block_0" itemscope="itemscope" itemtype="https://schema.org/CreativeWork" ><div class='avia_codeblock ' itemprop="text" > <div class='avia-builder-widget-area clearfix '><div id="text-64" class="widget clearfix widget_text"> <div class="textwidget"><div id="Divvoltar"> <span class="av_font_icon avia_animate_when_visible av-icon-style- avia-icon-pos-left avia_start_animation avia_start_delayed_animation" style="color:#ffffff; border-color:#ffffff;"><a href="javascript:history.go(-1)" class="av-icon-char" style="font-size:40px;line-height:40px;" aria-hidden="true" data-av_icon="" data-av_iconfont="fontello"></a></span> </div> <div style="float: right; margin-top: 7px;" class="hamburguer-class"> <a href="#mymenu" id="hamburger"> <span class="top-bar"></span> <span class="middle-bar"></span> <span class="bottom-bar"></span> </a> </div></div> </div></div> <div class="centrotitulo">teste teste</div> </div></section> </div></div></main><!-- close content main element --></div></div>To function must be called immediately in all posts immediately after this code line:
<div id='main' data-scroll-offset='0'>
(EXAMPLE CODE)BUT THE POSTS call this code sequence before:
<div id='main' data-scroll-offset='0'><div class='container_wrap container_wrap_first main_color sidebar_right'> <div class='container template-blog template-single-blog '> <main class='content units av-content-small alpha av-blog-meta-date-disabled av-blog-meta-html-info-disabled' role="main" itemscope="itemscope" itemtype="https://schema.org/Blog" > <article class='post-entry post-entry-type-standard post-entry-18235 post-loop-1 post-parity-odd post-entry-last single-small with-slider post-18235 post type-post status-draft format-standard has-post-thumbnail hentry category-sem-categoria' itemscope="itemscope" itemtype="https://schema.org/BlogPosting" itemprop="blogPost" ><div class='blog-meta'><a href='https://abortonanuvem.com/pt-br/wp-content/uploads/sites/10/2014/07/cytotec-original.jpg' class='small-preview' title='TEST POST'><img width="180" height="180" src="https://abortonanuvem.com/pt-br/wp-content/uploads/sites/10/2014/07/cytotec-original-180x180.jpg" class="attachment-square size-square wp-post-image" alt="cytotec original" srcset="https://abortonanuvem.com/pt-br/wp-content/uploads/sites/10/2014/07/cytotec-original-180x180.jpg 180w, https://abortonanuvem.com/pt-br/wp-content/uploads/sites/10/2014/07/cytotec-original-80x80.jpg 80w, https://abortonanuvem.com/pt-br/wp-content/uploads/sites/10/2014/07/cytotec-original-36x36.jpg 36w, https://abortonanuvem.com/pt-br/wp-content/uploads/sites/10/2014/07/cytotec-original-120x120.jpg 120w, https://abortonanuvem.com/pt-br/wp-content/uploads/sites/10/2014/07/cytotec-original.jpg 200w" sizes="(max-width: 180px) 100vw, 180px" /><span class="iconfont" aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello'></span></a></div><div class='entry-content-wrapper clearfix standard-content'><header class="entry-content-header"><span class="blog-categories minor-meta"><a href="https://abortonanuvem.com/pt-br/category/sem-categoria/" rel="tag">Sem categoria</a> </span><h1 class='post-title entry-title' itemprop="headline" > <a href='https://abortonanuvem.com/pt-br/?p=18235' rel='bookmark' title='Link permanente: TEST POST'>TEST POST <span class='post-format-icon minor-meta'></span> </a></h1><span class="av-vertical-delimiter"></span><div class="entry-content" itemprop="text" >(EXAMPLE CODE)
Any suggestion?
