Hoin Rikard,

I dont see any difference?

This is all the CSS mabye somthing conflicting. Above the list is all the mobile css.

@media only screen and (max-width: 767px) {
.flex_column {
    padding: 0;
    height: auto;
}
}

@media only screen and (max-width: 767px) {
  #top #wrap_all .flex_column_table .flex_column {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}

/*Topmenu disable line */
.av-main-nav li:hover .avia-menu-fx, .current-menu-item > a > .avia-menu-fx, .av-main-nav li:hover .current_page_item > a > .avia-menu-fx {
    visibility: hidden !important; 
    background-color: transparent !important; 
    border-color: transparent !important; 
}

/*Topmenu bottom border*/
#header_meta {
    border-bottom-width: 0px;
}
/*Menu bottom border*/
#header_main {
    border-bottom-width: 0px;
}

/*Menu ruimte tussen woorden*/
span.avia-menu-text {
    margin: 0px 10px 0px 10px;
}

/*Basic font*/
.avia_textblock {
    line-height: 30px;
}

/*Custom font laden - Header*/
.thunder-lightlcitalic-webfont  {
	font-family: 'thunder-lightlcitalic-webfont';
	font-size: 70px;
        vertical-align: text-top;
}

/*Custom font laden - Blokken home*/
.thunder-lighthc-50 {
	font-family: 'thunder-lighthc';
	font-size: 50px;
}

.thunder-lighthc {
	font-family: 'thunder-lighthc';
	font-size: 65px;
}

/*Custom font laden - Pages*/
.thunder-lightlcitalic-webfont-60  {
	font-family: 'thunder-lightlcitalic-webfont';
	font-size: 60px;
}

.thunder-lightlc-60 {
	font-family: 'thunder-lightlc-webfont';
	font-size: 60px;
}

.thunder-lightlc-70 {
	font-family: 'thunder-lightlc-webfont';
	font-size: 60px;
}

/*Home - Blokken witte rand*/
.av-layout-grid-container .flex_cell {
    border-left: 4px solid white !important;
    border-right: 4px solid white !important;
    border-top: 8px solid white !important;
    border-bottom: 8px solid white !important;
}

/*Text shadow*/
#textshadow .av-special-heading-tag {
text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5) !important;
}

/*Text shadow - MASONRY*/
.av-masonry-entry .av-masonry-entry-title {
    text-shadow: 0px 0px 10px rgb(0 0 0 / 50%) !important;
}

/*Menu size fix*/
.html_header_top.html_bottom_nav_header #header_main_alternate .main_menu>div,.html_header_top.html_bottom_nav_header #header_main_alternate .main_menu ul:first-child {
    height: 60px;
}

/*Image borders*/
img.avia_image {
    border-radius: 0 !important;
}

/*Image blokken - Afstand tekst naar afbeelding*/
#imageclose .avia-image-container.avia-align-center {
    display: block;
    margin: 0px auto -15px auto;
    text-align: center;
    clear: both;
}

/*Contact form*/
.avia_ajax_form p {
    color: #ffffff!important;
}
#top div .av-light-form .input-text, #top div .av-light-form input[type='text'], #top div .av-light-form input[type='input'], #top div .av-light-form input[type='password'], #top div .av-light-form input[type='email'], #top div .av-light-form input[type='number'], #top div .av-light-form input[type='url'], #top div .av-light-form input[type='tel'], #top div .av-light-form input[type='search'], #top div .av-light-form textarea, #top div .av-light-form select, div div .av-light-form .button {
    border-color: #ffffff;
}

/* Table rows */
#top .avia-table tr:nth-child(odd)
{ 
	background: #d7d7d7 !important; 
}
#top .avia-table tr:nth-child(even)
{ 
	background: #d7d7d7 !important; 
}

/* Table border */
#top .avia-table tr th,
#top .avia-table tr td,
#top .avia-table tr {
	border: none !important;
	box-shadow: 0px 0px 0px 0px #d7d7d7;
}

td {
    font-size: 24px;
}

/* Table - padding */
.avia-data-table.avia_pricing_minimal th, .avia-data-table.avia_pricing_minimal td {
    padding: 3px;
}

/* Table text alignment */
.avia-data-table td {
    text-align: left !important;
}

/* Footer styling 
@media only screen and (min-width: 990px) {
#footer .container {
width: 100% !important; 
max-width: 100% !important;
padding: 150px !important;
}}

/* Widget styling */
#top .widget_nav_menu li {
    line-height: 0.9;
    font-size: 20px;
}*/

Hi sorry for the late response, this is what is mean:

you look at https://ceramicasa.nl/tegels/ and you scroll to about half you will see:

Only on the mobile view does the image go over the text and not everything is visible.

On the same page a little lower it says: “TEGELS VOOR BUITEN.” and there the text spills out of the gray block.

Can someone help me?

I fix this by using pages and a sub menu

Hi Tnx it works!! can i put this in my child theme?

We are still testen the two other points, lets hope they are fixt to by this fix :)

Will keep you posted

hi Your right its about : “Add all variations in a product”.

I will send the information in private content.

The other 2 steps are somthing else yes, and not in the video.

1 of 2: https://ibb.co/kS1PcXK

You go to orders, select een completed order, then select “Terugbetalen” below the order details. Then the screen shows like the screenshot. “Terug betaling via Mollie doest work. Its a bit hard to test because site is live. Maybe you can test it trough the add all variations.

2 of : Send order to MyParcel

You go to orders, the select an order that has status : In behandeling. Open order. On the right kolom it says MyParcel with a button export naar MyParcel.
Its a bit hard to test because site is live. Maybe you can test it trough the add all variations.

Hi ive got on other q.. im using the masonry to show to blog items. I van use tags to force portait of landscape. But then i have to change the tags with the post of every new blog item. Can i ‘lock’ the format of the grid. so that the blog items change but the image layout stays the same. See image for the loook now, i want the images to stay te same with the post of a new blog.

https://ibb.co/HrW7w2v

https://ibb.co/PWc9L0n

dont work, can some one please take a look?

Hi it workt sort of… its overlay now but the bottom of the content is missing.

https://ibb.co/C52Mzdq

Entire CSS for this grid

/* Custom grid row width TOP*/
#av-grid-custom-width-top {
    max-width: 1125px;
    margin: -450px auto;
}

#av-grid-custom-width-top .flex_cell {
    border-width: 15px!important;
    border-right-width: 0px!important;
    border-bottom-width: 0px!important;
    border-style: solid!important;
    border-color:#c6c6c6!important;
}

#av-grid-custom-width-top .flex_cell:last-child {
    border-right-width: 15px!important;
}

• This reply was modified 5 years, 9 months ago by yannickokken.

Hoi mean the color section and grid needs to be the same height? Im gonna trie! Tnx

your my hero :) tnx!

Hi

Without columnlink
https://ibb.co/qpq0jPb

With columnlink enabled:
https://ibb.co/fDPVyDQ

as you can see the columnlink options breaks the layout

oh sorry this problem is solved, i can use the full width layout. Client dont need bars on the side.

EDIT: mmm i tough it was fixed but not.

Full width works fine but what i need is to use de gridrow with the custom width AND with a full width background color. I can achieve this but putting the grid inside a color section but thats not allowed. Let me show you what is need, see image. Al content above has a white BG.

https://ibb.co/f1qdH9R

• This reply was modified 5 years, 10 months ago by yannickokken.