Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Jessssica

Member
  • Content Count

    10
  • Joined

  • Last visited

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

  1. Thank you so much for all your help Tuan! Honestly could have done it without you! 🙂 I managed to figure it out and get it all working for both versions how I wanted. @media screen and (min-width:992px) { .header-title-logo img { max-height: 3000px; max-width: 500px; } } .homepage .header-title-logo img {filter: invert(1);}
  2. I did that but it then resorts back to being too big?
  3. Thanks Tuan, I don't know what I am doing wrong. I copied and pasted this in, and it appeared to work for a split second but now it doesn't. This is the whole code I have applied so far.... @media screen and (max-width:767px) { .homepage .header-title-logo img {filter: invert(1);} } .header-title-logo img { max-height: 3000px; max-width: 500px; } .homepage .header-title-logo img {filter: invert(1);} } Any clue where I went wrong? It still appears black on the mobile version.
  4. @tuanphan Thank you so much for your help!! I have managed to get it the right size but now can't figure out code to invert the logo colour on the mobile version. I took a few guesses but honestly with no code knowledge I have no idea what I am really doing. Could you please advise how to invert the mobile logo just for the homepage too? Thank you in advance.
  5. Site URL: http://www.jessicawisemanphotography.com Hi, I am having a lot of trouble with the mobile version of my homepage. I had previous help on here with some code to get my logo large enough for the web version as well as to have to colour white on the home page and black on all other pages which all worked perfectly for the web version. However, the code has been applied to the mobile version too and the logo is simply too big for the mobile version. This is the code I have used so far...... .header-title-logo img { max-height: 3000px; max-width: 500px; } .homepage .header-title-logo img {filter: invert(1);} As you can see from the attached photos below the logo overlaps my page links and doesn't fit in the space. It would be nice to have it a bit smaller to fit and not overlapping. Im not sure if this is possible but I would also love the drop down menu to be higher, more towards the top corner of the page rather than on the side half way down. But honestly that isn't the ain priority right now. Any help would be appreciated! Thank you!! @tuanphan
  6. Sorry, actually that didn't work. 😞 It has seemed to invert the colour but on all the page headers, not just the single one.
  7. Tuan, thank you! Chris's suggestion worked. But for future reference how do I do this? I'm such a newbie still. Haha. Chris, Thank you so much that worked an absolute treat!!! 😄
  8. Site URL: https://lizard-cymbals-zmyf.squarespace.com Hi, I am having trouble with my Site header logo. I am using the Zion template. I require it to be black for most of the site as my the backgrounds are white but when it comes to the main page I would love for it to be white. Is anyone here confident with code who could help me invert the colour just for that main page, please? Thank you, Jessica
×
×
  • Create New...