FiercePassion

Site URL: https://www.FiercePassions.com

I have been trying different codes to remove the logo from the home page of the mobile site. Because the homepage has a big logo on it. None of the codes worked (including the one that was posted in the forum in response to another question)

So instead I decided I would add the logo to the mobile menu since I saw a tutorial video on it.  Here's the code `I used

Mobile-overlay-nav-item { padding-top:60px;}.Mobile-overlay-menu {width: 100%; z-index: 1;}.Mobile-overlay-menu-main { margin-top:50px; background-image: url('HTTPS://YOURIMAGEURLGOESHERE.COM'); background-position: top; background-size: 50% auto; background-repeat: no-repeat;}

All it did was add extra padding in between my links, no logo appeared (yes I replaced the "your image" with the actual url of my image).  I suspect there is some conflict with the following code I am already using:

.Mobile-overlay-nav-item, .Mobile-overlay-folder-item { text-align: left;}  .Mobile-overlay-menu {width: 80%; z-index: 1;} so I tried to combine them & even weirder things happened.

How can I add the logo to the mobile menu?

I gave up and kept all the pages visible & got rid of one page so I could just have 5 links in the primary navigation.

I gave up. Thank you though.

Site URL: https://www.FiercePassions.com

I want to add an image to my lightbox form.

This is the code that someone gave me

.lightbox-content {
background-image:url(https://static1.squarespace.com/static/5823b7c7f5e2312802b4e80c/t/60a5ad4aa22ee22cf243b5e0/1621470585083/OsunOsogbo_Shrine_Sunset_over_the_Osun_River.jpeg);
}

but nothing is happening

password is "mexico"

@tuanphan
I'd like to do this on my site. So that the  page you are on is not visible in the nav menu. It seems like option 1 would be easier. Can you tell me how to do that? This is my site.

https://www.fiercepassions.com/offerings

password is "mexico"

Site URL: https://www.fiercepassions.com/editrixfooter

I'm adding a contact form to one of the pages of my site.  The form is not appearing, just the "submit button". I don't know what I'm doing wrong.

I figure it out, It was the form lightbox button that was uncentered due to some faulty css.

Site URL: https://www.fiercepassions.com/welcome

I've been having a lot of trouble with my footer. I figured out some of it, and today all of a sudden the text is no longer centered. I'm using the Brine Template

Site URL: https://www.fiercepassions.com/my-offerings

So I want a very thin footer. I want the 3 buttons & the social media links & the Copyright notice. I would prefer them to be all on the same line (navigation links on the left, copyright in the middle, social media links on the right), and not even have a pre-footer.

But I'll settle for a thin pre-footer with the 3 navigation buttons, and a thin footer with the copyright notice & social medial links underneath.

There was a time when I remembered how to do it, but it's all gone out of my head. Any help would be greatly appreciated

Site URL: https://www.fiercepassions.com/my-offerings

Hello,

I am trying to redesign the look of my site. I used to have too many pages.  I decided to try to use a template with an index instead of having submenus.  I really like the look of it except:

I want the first banner of the index to be bigger than the other banners.  Currently it's a little bigger than I want, and the other banners I want considerably thinner. I tried looking through some old answered questions but the css doesn't appear to be working for me.

Here's the particular index I'm asking about (I'm doing a lot of experimentation, this is *not* the finished look of the site, so you'll see a lot of repeated page names)

https://www.fiercepassions.com/my-offerings