recetteitalienne

Hi,

1) Make sure you have enabled the AMP validation tool
Go-to: Users > Profile > check the checkbox for AMP Development tool > save

2) Visit AMP page exceeding CSS budget check Admin bar for AMP option locate submenu CSS budget and click on it (screenshot)

=> I cannot find anymore the AMP option on the Admin bar, even thouth AMP plugin is activated and the checkbox AMP development tool checked.

It worked!!

Thanks, I really appreciate your help ??

Hi again,

So I just realised that the Instagram feed is displayed perfectly well in the footer only in mobile. On the other hand, it is not displayed in the vertical sidebar on desktop, even though I added the CSS code you gave me:

@media only screen and (min-width:576px) {
  #sb_instagram.sbi_footer {
    display: none !important;
  }
}
@media only screen and (max-width:575px) {
  #sb_instagram.sbi_sidebar {
    display: none !important;
  }
}

Hi again,

I was wondering if it is possible to apply this CSS code you gave me to adjust the boxes to make full width for both, but only for the footer Instagram feed that I want to display only on mobile.

#instagram-feed-widget-2 {
  float: none !important;
  width: 100% !important;
}
#block-35{
  float: none !important;
  display:flex !important;
  width: 100% !important;
}
#block-35 ins {
  margin: 0 auto !important;
}

Hi thanks,

It doesn’t work, I still can see the Instagram feed in the footer on desktop.

I used the CSS code you gave me and still have the previous code you gave me:

#instagram-feed-widget-2 {
  float: none !important;
  width: 100% !important;
}
#block-35{
  float: none !important;
  display:flex !important;
  width: 100% !important;
}
#block-35 ins {
  margin: 0 auto !important;
}

Thanks, but what I meant is

on mobile : display the instagram feed on footer
on desktop : only display the instagram feed on vertical sidebar

Okay thanks, how should I download these themes?
Are those themes compatible with recipes template?

Hi again

I would like to know if it’s possible to display the Instagram feed in the footer BUT only mobile (and therefore not on desktop)

So I have checked for exceeding CSS budget, it turns out that my theme is adding Excessive CSS. So I have been looking for Astra or Neve theme in reader mode but can’t find them. I only have themes “2021”

Hi, thanks for the reply, I will follow the steps you gave me and come back to you if it doesn’t help.

For the submenu, I am using this plugin Max Mega Menu

• This reply was modified 2 years, 10 months ago by recetteitalienne.

Hello

Thanks! ??

Once again, hi!

I have just noted that I cannot open subcategories in the menu

Hi again,

The menu works perfectly well on homepage and other archive page. The only point is that once I close it (after open it) there is still a blue frame around the menu button, even though I have added the CSS code:
.mobile-menu-toggler.active:focus{
outline:0;
}

The MAJOR issue here is that every recipe pages are now messed up!

Can you help?

Hi !

It worked! Thansk a lot!

Hey!

I just wanted to make sure I understood what you meant by “enable the other part you want in the footer”.

Right now, in my footer, I have the Instagram feed and the ad banner