Sorry but I do not understand can I send you access to have same layout like http://www.lastradadeicampioni.it for logo and menu for desktop and mobile ?

Hey Yigit, thanks for your reply. The link effect is desactivated, but the opacity hovering effect remains when i pass the mouse on top of the image. Any idea how I can disable it?

Best regards,

Marina

The customer kept asking if I could hide the top logo and show it only in the sticky header (after I start scrolling). Is that possible?

Thx!

View Now but I need to have header transparent and video on top without margin like http://www.lastradadeicampioni.it

And second picture here: http://imgur.com/a/wueEU can you help me to get a bigger footer socket at desktop view and center the panel :)

All the best, Alexander

Hi Yigit,

The referred thread doesn’t really add anything here — I’d already hid the background image with Andy’s code above. I’d actually like to have the ability to replace the background image of a colour section with another image for mobile (as the text is cut off otherwise). I’m worried this isn’t fully possible so interested in your thoughts, as currently when the mobile image version displays it has removed the button that sits in that colour section for desktop.

Here’s my set-up on the homepage in WP:

Desktop = colour section w/ From Hasty to Tasty graphic + a button inside it
Mobile = if I run below in CSS I get a replacement image but no button.

@media only screen and (max-width: 767px) { #background-img-responsive { content:url(“https://gastronoms.com.au/wp-content/uploads/newimage.jpg”); } }

I’d like to know if possible a) if I can replace the image in mobile AND have the button remain & b) whether the content:”url” code is best practice?

Ben

Thank you for you reply!

Unfortunately this was not really what I meant. What I want is that when I deeplink into an accordion (fi: example.com/faq/#question-75), I want the item that I am linking to to appear at the very top of the site (and it should be the same whether it’s #question-75 or #question-23). So I guess the code should be something like:

function trigger_default_open(hash)
{
if(!hash && window.location.hash) hash = window.location.hash;
if(!hash) return;

var open = heading.filter(‘[data-fake-id=”‘+hash+'”]’);
if(open.length)
{
if(!open.is(‘.activeTitle’)) open.trigger(‘click’);
window.scrollTo(THE OPEN ACCORDION ITEM WITH CORRESPONDING DATA FAKE ID HASH);
}
}

JS is beyond my knowledge, but this seems to be logic to me. Would this be possible to achieve?

Best regards, Staff

Hi Ismael,

I removed the video from hot spot #26 and have it set to top left, but it still pops-up to the top right. Is this because there is video in other hot spots on the page? I couldn’t find any documentation saying this kind of thing wasn’t possible, so thought it was OK to build this way (and relate to the customer it was OK to build this way). Any idea if/when images and videos will be available in the hotspot tooltip?

Thanks as always!

Hi Andy,

Thnaks – that indeed made the background hasty-to-tasty image stop displaying!

If I want to now display a separate background image there for mobile devices should I use ‘ content:”url” ‘ instead of ‘ display: none ‘ or is there a better way to do this?

Thanks,
Ben

Hey,

Thank your, but this does not help… it shows the same “error”. :-(

Here are more infos from my “custom css box”:

#top .sidebar .widget_shopping_cart .button {
  float: left;
  margin-right: 2%;
  padding: 10px;
}

.pagination_split_post {
  text-align: center;
  font-size: 18px;
}

@media screen and (max-width: 1500px) {
	.menu-item-8864 { display: none; }
}

@media only screen and (max-width: 767px) {
    .hide-from-mobile {display:none;visibility:hidden;}
    #text-15 { display: none; }
}

#top #wrap_all .header_color .av-menu-button-colored > a .avia-menu-text {
    background-color: #000000;
    color: #ffe523;
}

img.effect:hover {
  -webkit-filter: brightness(75%);
  -webkit-transition: .25s ease-in-out;
  -moz-filter: brightness(75%);
  -moz-transition: .25s ease-in-out;
  -o-filter: brightness(75%);
  -o-transition: .25s ease-in-out;
  filter: brightness(75%);
} 

img.effect {
  -webkit-filter: brightness(100%);
  -webkit-transition: .25s ease-in-out;
  -moz-filter: brightness(100%); 
  -moz-transition: .25s ease-in-out;
  -o-filter: brightness(100%); 
  -o-transition: .25s ease-in-out;
  filter: brightness(100%);
}

Best regards,
Jürgen

• This reply was modified 9 years, 12 months ago by Jürgen.