17/06/2017

How To Make Emporio Theme Sidebar Show On Opera Browser

Emporio theme is one of the best new themes from Blogger and customizing it has been an issue for many bloggers after installing it. While editing the theme, I didn't check my blog on Opera browser until two fellow bloggers sent me the screenshot of how my blog appears on Opera browser. The sidebar always falls at the bottom of post pages. That is, when you click on a post, the sidebar is seen at the blog bottom, above the footer.

Emporio theme is designed by default to let the sidebar sit at the bottom on some browsers according to its width. There is a media query condition in Emporio theme code that is responsible for it. But this can be corrected and the sidebar won't appear at the bottom. Below is a simple tutorial on how to fix that.

Sign in to your blogger dashboard at blogger.com.

==> Go to Theme > Edit HTML.

==> Search for @media (max-width: 1328px) 

==> Edit 1328px to 640px or to a range of not more than 750px.

==> Click Save Theme.





How To Allow Emporio Theme Sidebar Display On Opera Browser


This is just so quick and easy tweak. What you do think? 

8 comments:

  1. Thanks for the great share bro!
    Thumbs up😉

    ReplyDelete
  2. Wow! This seems to look easy, but definitely was not easy to discover.
    Nice one Mazino!

    ReplyDelete
  3. thanks for this tip..i just started using emporio theme on my blog http://extremetipz.com but am looking for a way to make related post show on both mobile and pc..
    thanks

    ReplyDelete
  4. Nice one.

    Though am not using the theme, I know it was hard to discover and I give you thumbs up for that.

    ReplyDelete
  5. Thank you for this tip..... its really amazing on my Science'n'Tech Blog

    ReplyDelete
  6. Hello please how do you make the side bar show on all pages and not below the page on post pages

    ReplyDelete
  7. Wow thanks a lot! I had the same problem on my site http://sustainablebushcraft.blogspot.com . Except mine worked fine in Opera but not in Chrome. I changed to 900 px and it works now. I don't really get it since the media width should be the same for both...

    ReplyDelete
  8. Never mind, I just googled and realized media width changes if you zoom. I happened to have my browser window zoomed to 110%
    With your fix it allows for some zooming though! The drawback is the sidebar (which is on the bottom) will be smaller if you visit the page on a screen size where the menu does not fit.

    ReplyDelete

The content of this blog is strictly copyrighted to mazinoweb.com and may not be reproduced without permission.

Comments with spammy links will not be published. If you have questions unrelated to this post, use the contact page.

Designed by Mazino Oyolo Kigho