Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • July 14, 2017 at 12:46 am #820885
    forgottensky

    Hi,

    my website http://main-audiopro.com is using your template (newest version) and I can say I’m happier than ever!

    This template works perfectly on desktop. But I have a few problems on mobile devices.

    Regarding the header section on mobile devices, I have a few questions:

    1. The header section seems to stay only on the top of the page and does not follow the page when we scroll down further to the content. Could you help me?
    2. The logo in the header section seems a little bit to big for mobile (for desktop it’s perfect). Could you help me on how to make the logo smaller ONLY for mobile?

    Your help is highly appreciated. thank you so much for the great work!!

    Best,
    Indra

    July 14, 2017 at 10:57 am #821095
    forgottensky

    Ah, I forgot my login details.

    July 14, 2017 at 3:40 pm #821228
    Victoria

    Hi Indra,

    Glad that you’re enjoying Enfold! This will make you mobile menu experience a bit smoother.
    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (max-width: 450px) {
  .responsive #top #wrap_all #header  {
    position: fixed !important;
  }

  .responsive .logo img {
    max-height: 100% !important;
    height: auto !important;
    width: 60%;
    }
    .responsive .logo a {
      max-height: 100% !important;
    }
    .av-burger-menu-main.menu-item-avia-special.av-small-burger-icon a {
      height: 80px !important;
      max-height: 80px !important;
    }
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

    July 17, 2017 at 9:49 pm #822957
    forgottensky

    Hello Victoria,

    thank you so much for your help! Works wonderfully :)

    I don’t know if I should make a new thread or not, but I noticed I now have another problem in my portfolio page:

    I have a portfolio grid set up to display the AJAX Portfolio, and I have mixed content. The audio portfolio portions have an embedded content on the preview (ex. Dimas Sufi – Merah or Landesjugendjazzorchester Hamburg – NewSounds) and that works wonderfully.

    The video portfolio, on the other hand, could be better. If you try to click on some of the bottom part of the page (ex. Mute Solo of Sound Vision), it will try to open the preview on the top of the page even though I already override the content to display the video. The thing is, it will always drag your page again to the top but the video light box is still on the bottom, making it a little bit confusing.

    Could you help on this issue? That would be so great!

    Thank you for the great work!

    Best,
    Indra

    July 20, 2017 at 3:14 am #824299
    Ismael

    Hi,

    We can disable the ajax load on items with videos but it will require core modifications. Please edit the js > shortcodes.js file, look for the “avia_portfolio_preview” > “load_item” function around line 1536. Replace it with:

    load_item: function(e)
				{
					e.preventDefault();

					var link			= $(this),
						url = link[0].href != '' ? link[0].href : '',
						post_container	= link.parents('.post-entry:eq(0)'),
						post_id			= "ID_" + post_container.data('ajax-id'),
						clickedIndex	= items.index(post_container);

						if(url.match(/(jpg|gif|jpeg|png|\.tif|\.mov|\.swf|vimeo\.com|youtube\.com)/) ) return;

					//check if current item is the clicked item or if we are currently animating
					if(post_id === is_open || animating == true)
					{
						return false;
					}

					animating = true;

					container.find('.active_portfolio_item').removeClass('active_portfolio_item');
					post_container.addClass('active_portfolio_item');
					loader.show();

					methods.ajax_get_contents(post_id, clickedIndex);
				},

    Best regards,
    Ismael

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