Cascading Style Sheets

Code for a Squarespace modification

I have used a Squarespace template to create a website. I need to modify it so that the logo on the top changes with every page. Does anyone have experience doing this?

What is the best CSS grid layout for responsive design?

I am new to website design. Anyone help me to find the solution of my question ?

Changing hover menu to OnClick menu.

I am trying to change my vertical drop down menu to OnClick instead of mouse hover, but I can't find what to change. Here is my code:

<style type="text/css">
   * {
  margin: 0px;
  padding: 0px;
nav {
  font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
  line-height: 1.5;
  margin: 50px auto; /*for display only*/
  width: 150px;
  -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
     -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
          box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
.menu-item {
  background: #fff;
  width: 150px;

Responsive layout assistance

As someone who does not do a lot with CSS, I am trying to find the correct code to fix the layout issue at the bottom of my page:
I did purchase this template and am aware there is a lot of extra code/tags that are not needed. My main concern at this time is how to correct the logo/address at the bottom so they display correctly on mobile devices (and yes, I am also guilty of using a table at the bottom)!

Many thanks in advance,

<div class="container">
  <div class="row">
    <div class="footer">

Hiding flash content until loaded in IE browsers

Hi, I have a flash object which I want to hide until fully loaded, I have the event firing when the flash is loaded so there is no problem to show when fully loaded.
I managed to hide it quite easily in all modern browsers, however I can't see it make it work on IE browsers (ver 8,9...), seems like there's nothing I can do to hide the flash object while loading, can someone help? i needed a tested solution if possible tired of trying useless solutions.

Syndicate content