Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • October 18, 2016 at 10:50 am #700561
    jaroljmek

    Hi team Enfold
    Thanks for the recent update.
    1. How can ensure that 3 columns at Desktop breaks down to 1 column at Tablet Portrait/768px? Currently on this page, for example, the 3 column section is still at 3 columns when at 768×1024 but it’s a bit busy so I’d like it to break to a single column. Advice gratefully received as I can’t see anywhere to change this in the Page Builder or Theme Options.

    Gym Partners

    Cheers
    Christian Jaroljmek

    October 19, 2016 at 9:47 am #701083
    Nikko

    Hi jaroljmek!

    Can you give us a link to the page where you have those 3 columns that you want to be 1 column when shown in tablet portrait mode? then we can give you the exact solution. :)

    Regards,
    Nikko

    October 19, 2016 at 10:49 am #701115
    jaroljmek

    Hi Nikko

    I thought I’d added the page but it appears as a website:

    Gym Partners

    web-lounge.co.uk/gyms/

    Can you see the Build Balance Burn black section half way down the page? Also there are other places on the site where I’d like to go to 1 column in Tablet Portrait so a global solution would be good rather than a page specific one.

    Thanks very much.

    Christian

    October 19, 2016 at 11:26 am #701147
    Nikko

    Hi jarol,

    You will need to add an id which can be found in section, for example you use this id: custom-id

    @media only screen and (max-width:960px) {

	#top #custom-id .flex_column_table {
	    display: block !important;
	}

	#top #custom-id .flex_column.av_one_third {
	    display: block !important;
	    margin-bottom: 32px !important;
	    width: 100% !important;
	}
}

    for the meantime you may want to use this code for the specific page:

    @media only screen and (max-width:960px) {

	.page-id-1160 #av_section_2 .flex_column_table {
	    display: block;
	}

	.page-id-1160 #av_section_2 .flex_column.av_one_third {
	    display: block;
	    margin-bottom: 32px;
	    width: 100%;
	}
}

    Best regards,
    Nikko

    October 19, 2016 at 11:53 am #701178
    jaroljmek

    Hi Nikko

    Thanks for this. I’ll try it out.

    Does the #av_section_2 refer to the fact that it’s the second colour section on the page?

    Christian

    October 19, 2016 at 12:27 pm #701213
    Nikko

    Hi jarol!

    Yep, you’re right :)

    Regards,
    Nikko

    October 19, 2016 at 12:32 pm #701219
    jaroljmek

    Hi Nikko thanks for that.

    Is it tricky to change the Mobile menu icon to the plain hamburger icon – lines only, no dots? It’s a Fontello font icon, right?

    Cheers
    Christian

    October 19, 2016 at 1:29 pm #701265
    jaroljmek

    Hi Nikko

    I’m still having with Enfold’s responsive behaviour in Tablet Portrait. On the second section on this page the second and third columns (‘Balance’ & ‘Burn’) are not horizontally centred correctly:

    munchfit.co.uk/for-gyms/

    Can you help? It seems ok on Mobile, but not Tablet Portrait.

    Thanks
    Christian

    October 19, 2016 at 1:41 pm #701279
    Nikko

    Hi Jarol,

    Yes, it’s using fontello, as for changing the icon you may want to follow this thread: https://kriesi.at/support/topic/change-mobile-menu-icon/

    Best regards,
    Nikko

    October 19, 2016 at 1:47 pm #701286
    jaroljmek

    Thanks for that Nikko.

    I’m still having with Enfold’s responsive behaviour in Tablet Portrait. On the second section on this page the second and third columns (‘Balance’ & ‘Burn’) are not horizontally centred correctly in Tablet Portrait:

    munchfit.co.uk/for-gyms/

    Can you help? It seems ok on Mobile, but not Tablet Portrait.

    Thanks
    Christian

    October 19, 2016 at 1:50 pm #701290
    Nikko

    Hi Christian,

    Just add margin-left: 0; to the columns, it should look like this:

    .page-id-857 #av_section_2 .flex_column.av_one_third {
    display: block;
    margin-bottom: 32px;
    margin-left: 0;
    width: 100%;
}

    if it doesn’t work just add !important after the 0. Hope this helps. :)

    Regards,
    Nikko

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.